Skip to content

Colecciones

Las colecciones te permiten organizar productos en categorías y subcategorías. Desde el panel de administración puedes crear, editar y anidar colecciones — cada una con su propio nombre, descripción, imagen y jerarquía. Las colecciones activas aparecen en la navegación de la tienda, en una página de listado dedicada y en los breadcrumbs de los productos.

Abre Collections en la barra lateral del panel de administración para ver la lista completa de colecciones. La tabla muestra el nombre, slug, estado, colección padre, cantidad de productos y fecha de creación de cada colección.

Lista de colecciones

ColumnaDescripción
NameNombre de la colección con miniatura (haz clic para editar)
SlugRuta de URL usada en la tienda (enlace directo)
StatusActive (visible para clientes) o Inactive
ParentNombre de la colección padre, o vacío para colecciones de nivel superior
ProductsNúmero de productos asignados a esta colección
Created AtFecha de creación de la colección

Puedes ordenar haciendo clic en cualquier encabezado de columna y buscar escribiendo en la barra de búsqueda. Usa el botón Filter para filtrar por estado activo o inactivo.

Acciones masivas

Selecciona una o más colecciones usando las casillas de verificación a la izquierda, luego usa la barra de acciones masivas que aparece en la parte inferior:

  • Activate — hace visibles las colecciones seleccionadas en la tienda
  • Deactivate — oculta las colecciones seleccionadas de los clientes
  • Delete — elimina permanentemente las colecciones seleccionadas (aparecerá un diálogo de confirmación)

Creando una colección

Haz clic en New Collection en la página de lista de colecciones para abrir el formulario de creación.

Formulario de creación de colección

Detalles de la colección

CampoObligatorioDescripción
NameEl nombre de la colección mostrado a los clientes. Genera automáticamente un slug de URL.
SlugIdentificador amigable para URL (minúsculas con guiones). Generado automáticamente del nombre, pero editable.
DescriptionNoTexto mostrado en la página de la colección en la tienda. Puede generarse con IA si está habilitado.
ActiveNoControl de visibilidad en la tienda. Las colecciones son inactivas por defecto.

Consejo: Si tu tienda tiene integraciones de IA habilitadas, puedes hacer clic en el botón de generación por IA junto al campo Description para crear automáticamente una descripción de la colección a partir del nombre.

Jerarquía

Crear colección — jerarquía e imagen

Usa el desplegable Parent Collection para anidar esta colección dentro de una existente. Selecciona None (top-level) para mantenerla en el nivel raíz. Las subcolecciones aparecen en la página de la colección padre en la tienda y como elementos indentados en el menú de navegación.

Imagen

Sube una imagen para representar la colección. Esta imagen se muestra en la página de listado de colecciones y como banner destacado en la página individual de la colección.

Editando una colección

Haz clic en cualquier nombre de colección en la lista (o en la acción de editar en el menú de la fila) para abrir el formulario de edición. Contiene los mismos campos que el formulario de creación, prellenados con los datos actuales de la colección.

Editar colección

Haz clic en Save Changes cuando termines. También puedes eliminar la colección desde la página de edición usando la sección de zona de peligro en la parte inferior.

Cómo aparecen las colecciones en la tienda

Cada colección activa se refleja en varios lugares de la tienda visible para los clientes.

El menú de navegación de la tienda lista todas las colecciones activas. Las colecciones con subcolecciones las muestran como elementos indentados al expandirse.

Menú de navegación — escritorio

En móvil, la misma navegación es accesible a través del ícono del menú hamburguesa. Toca la flecha junto a Collections para expandir la lista.

Menú de navegación — móvil

Página de colecciones

Al visitar /collections en la tienda se muestra una cuadrícula con todas las colecciones activas de nivel superior, cada una mostrando su imagen, nombre y descripción.

Página de colecciones en la tienda

Página individual de la colección

Al hacer clic en una colección se abre su página dedicada en /collections/{slug}. La página incluye:

  • Un banner destacado con la imagen de la colección, breadcrumbs, nombre y descripción
  • Una sección de subcolecciones si la colección tiene hijos
  • Una cuadrícula de productos mostrando hasta 12 productos por página con paginación
  • Un mensaje de estado vacío cuando no se han asignado productos aún

Página de la colección en la tienda

En móvil, el diseño se adapta con una imagen destacada de ancho completo y tarjetas de productos apiladas.

Página de la colección en la tienda — móvil

Cuando un producto pertenece a una colección, su página muestra breadcrumbs como Home > Nombre de la Colección > Título del Producto, ayudando a los clientes a navegar de vuelta a la colección.

Secciones en la página de inicio

Las colecciones pueden destacarse como secciones en la página de inicio usando el constructor de páginas. Puedes elegir entre varias opciones de diseño (centro, izquierda, derecha, ancho completo) con un botón de llamada a la acción personalizable.

Subcolecciones

Las colecciones soportan una jerarquía padre-hijo. Una subcolección:

  • Aparece en la página de la colección padre en la tienda como una tarjeta clicable
  • Se muestra como un elemento indentado debajo del padre en el menú de navegación
  • Muestra breadcrumbs completos: Home > Colección Padre > Subcolección > Producto

Para crear una subcolección, configura el campo Parent Collection al crear o editar una colección.

Páginas legibles por máquina para LLMs

Cada página de colección tiene una versión .md que devuelve markdown puro, diseñada para que herramientas de IA y LLMs la consuman fácilmente:

  • /collections.md — lista todas las colecciones activas con enlaces y descripciones
  • /collections/{slug}.md — detalles completos de la colección incluyendo todos los productos con precios, descripciones y enlaces

Estos endpoints devuelven contenido text/markdown y soportan paginación para colecciones grandes (ej.: /collections/summer-sale.md?page=2).