Organiza tu tienda con Grillas de Categorías

 

Una "Grilla de Categorías" es un conjunto de recuadros con imágenes que sirven como accesos directos. Es ideal para mostrar en la página de inicio opciones como: "Hombres", "Mujeres", "Niños" o "Ofertas".

 

 

Paso 1: Agregar el Componente

 

1. En el Editor Visual, haz clic en "Agregar componente".

2. Selecciona la opción "Grilla de categorías" (o nombre similar según tu versión).

3. Verás que se inserta una sección con recuadros vacíos o de ejemplo en tu vista previa.

 

 

Paso 2: Gestionar los "Items" (Los recuadros)

 

Al seleccionar el componente, la barra lateral izquierda mostrará la lista de elementos actuales.

• Agregar: Haz clic en el botón "Agregar nuevo item" al final de la lista para sumar un nuevo recuadro a la cuadrícula.

• Ordenar: Usa los iconos de arrastre a la derecha de cada item para definir qué categoría aparece primero.

• Eliminar: Usa el icono de basurero si tienes demasiados recuadros.

 

 

 

Paso 3: Configurar cada Imagen y Enlace

 

Para que la grilla funcione, cada recuadro debe tener una foto atractiva y un destino.

1. Haz clic en uno de los items de la lista (Ej: "Item 1").

2. Imagen:

   • Haz clic en "Agregar" o "Cambiar".

   • Sube una imagen representativa.

   • Tip de Diseño: La grilla usa un formato cuadrado (aspect-square). Intenta que todas tus imágenes tengan el mismo tamaño (ej: 800x800 px) para que se vea ordenado.

3. Enlace:

   • En el campo "Enlace del item", selecciona o pega la dirección a donde quieres que vaya el cliente (ej: la colección de "Zapatillas").

 

 

 

Resultado Visual

 

El sistema ajustará automáticamente el tamaño de los recuadros:

• En celulares, se verán 2 columnas.

• En computadores, se expandirá hasta 4 columnas.