Ya están aquí las listas de colecciones anidadas

Ahora puedes anidar listas de colecciones en tus diseños para mostrar categorías, etiquetas o cualquier contenido referenciado.

Ya están aquí las listas de colecciones anidadas

Gaby Izarra
Gerente de marketing de producto
Ver perfil del autor
Gaby Izarra
Gerente de marketing de producto
Ver perfil del autor
Índice de contenidos

Hoy anunciamos la posibilidad de anidar listas de colecciones para mostrar cualquier contenido referenciado.

Cada colección de Webflow es una base de datos sencilla con la capacidad de vincularse a otra mediante campos de referencia única o múltiple. Piensa en cómo cada entrada de blog en una colección puede hacer referencia a un autor, que no es más que un elemento de otra colección.

Hasta ahora, mostrar cualquier referencia en tu diseño —como el autor en nuestro ejemplo— estaba limitado a una página de plantilla de colección, que, por supuesto, es el diseño de un único elemento de colección. Pero, ¿qué pasa si quieres mostrar los autores en una lista de entradas de blog?

Anida categorías asociadas, etiquetas o lo que quieras

Con el lanzamiento de hoy, ya puedes mostrar hasta cinco categorías en una lista de entradas de blog, o hasta cinco miniaturas de imagen en una lista de productos. Claro, esos son ejemplos comunes y útiles, pero puedes crear colecciones de cualquier cosa. ¿Qué tal usar colecciones anidadas para mostrar si cada ubicación en una lista de restaurantes Taco Bell tiene servicio de auto-servicio?

En un nuevo video de Webflow University, te enseñamos cómo aprovechar las colecciones anidadas para mostrar las características específicas de cada ubicación de Taco Bell dentro de una lista de colección.

‍
Las posibilidades son infinitas. Hemos recopilado algunos ejemplos de colecciones "padre" e "hijo" en el mundo real.

Freshly añade insignias que indican restricciones dietéticas. La colección "padre" son las comidas y la "hijo" son las restricciones dietéticas.
Billie muestra los ingredientes de sus productos de cuidado de la piel. La colección "padre" son los productos y la "hijo" son los ingredientes.

Cómo funciona

Anidar una lista de colección es sencillo. En el Diseñador, solo arrastra una dentro de la otra; ahora tienes una colección "padre" y una "hijo". Puedes tener una colección hija por cada padre.

Conectar una fuente para tu colección hija funciona de la misma manera. Define tu fuente y suelta cualquier elemento que quieras mostrar.


Extrae contenido de cualquier campo de referencia, campo de referencia múltiple o campo de imágenes múltiples de la colección.

Manteniéndolo simple, por ahora

Con este nuevo lanzamiento, puedes anidar una colección hija por padre y mostrar hasta cinco referencias hijas por elemento de colección. En esta primera versión, hemos añadido estas limitaciones para garantizar un rendimiento óptimo de tu sitio, pero estamos recopilando comentarios para determinar las próximas mejoras para las colecciones anidadas.

¿Tienes alguna idea o comentario? Escribe abajo o pásate por nuestro foro para charlar.


Última actualización
April 21, 2020

Artículos relacionados

Símbolos anidados: Evolucionando la reutilización y el mantenimiento en Webflow
Símbolos anidados: Evolucionando la reutilización y el mantenimiento en Webflow

Símbolos anidados: Evolucionando la reutilización y el mantenimiento en Webflow

Símbolos anidados: Evolucionando la reutilización y el mantenimiento en Webflow

Dentro de Webflow
Por
Barrett Johnson
,
,
Leer artículo
Ya en beta: programa elementos de colección
Ya en beta: programa elementos de colección

Ya en beta: programa elementos de colección

Ya en beta: programa elementos de colección

Dentro de Webflow
Por
Gaby Izarra
,
,
Leer artículo
Cómo crear una navegación de migas de pan para Webflow Ecommerce
Cómo crear una navegación de migas de pan para Webflow Ecommerce

Cómo crear una navegación de migas de pan para Webflow Ecommerce

Cómo crear una navegación de migas de pan para Webflow Ecommerce

Desarrollo
Por
Matthew P Munger
,
,
Leer artículo
Diseño de listas de colección con Flexbox
Diseño de listas de colección con Flexbox

Diseño de listas de colección con Flexbox

Diseño de listas de colección con Flexbox

Diseño
Por
Nelson Abalos Jr
,
,
Leer artículo
Nuestros esfuerzos para mantener a flote los negocios locales
Nuestros esfuerzos para mantener a flote los negocios locales

Nuestros esfuerzos para mantener a flote los negocios locales

Nuestros esfuerzos para mantener a flote los negocios locales

Dentro de Webflow
Por
Gaby Izarra
,
,
Leer artículo
Cómo impulsar el crecimiento de tu ecommerce con correos de recuperación
Cómo impulsar el crecimiento de tu ecommerce con correos de recuperación

Cómo impulsar el crecimiento de tu ecommerce con correos de recuperación

Cómo impulsar el crecimiento de tu ecommerce con correos de recuperación

Estrategia
Por
Cameron Roe
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.