Acerca de las colecciones destacadas
Las colecciones destacadas son grupos de productos destacados que desea que los clientes exploren. Suelen servir como enlaces rápidos a categorías populares o de temporada, lo que facilita la navegación e impulsa las ventas de colecciones clave.
Ejemplos de colecciones destacadas:
- Tienda para hombres / Tienda para mujeres: Para categorías de productos específicas según el género.
- Colección de verano / Colección de invierno: Destacados o promociones de temporada.
- Los más vendidos / Novedades: Llamar la atención sobre elementos populares o agregados recientemente.
Estas secciones suelen colocarse de forma destacada en la página de inicio para atraer la atención del cliente.
¿Cómo diseñar una lista de colecciones destacadas con el elemento Banner de héroe?
Explora la mejor manera de crear tu propio lista de colecciones destacadas utilizando el elemento Banner Hero de GemPages.
Antes de comenzar, asegúrese de ubicar la página de destino en GemPages Editor v7.
Paso 1: Crea una fila con 3 columnas
- Una vez que ingrese al editor, busque “fila” en la barra lateral izquierda.
- Arrastre y suelte el elemento de fila de 3 columnas en su posición preferida en la página.
Este diseño le permitirá mostrar tres colecciones destacadas una al lado de la otra.
Paso 2: Agrega un Banner de Héroe a la primera columna
- Desde la barra lateral izquierda, busque y arrastre y suelte un elemento de Banner de héroe en la primera columna de su Fila .
- Haz clic en el elemento Banner de héroe para abrir su configuración. Desplázate hacia abajo hasta... Fondo sección y localice el Imagen .
- Abre el panel de configuración. Puedes explorar tu galería o subir una nueva imagen que represente la primera colección.
- En la sección Estilo de Texto Sección, continúe editando el texto para que coincida con el título de la colección.
- Active la característica de Efecto al Pasar el Cursor característica en la configuración del Banner de Héroe para atractivo visual:
Paso 3: Duplica el banner del héroe para otras columnas
- Desde la configuración del Banner de héroe, haz clic derecho y presiona Seleccionar elemento padre > Fila 3 columnas para abrir el elemento Fila Configuración .
- Desplácese hacia abajo hasta Gestión de columnas > 3 columnas para abrir el panel de configuración. Luego, pase el cursor sobre Columna 1 > golpear el duplicar .
- Después de duplicar la primera columna, pase el cursor sobre ella y elimínela. Columna 4 & Columna 5.
- Ahora, personaliza Columna 2 & Columna 3 A tu manera. Reemplaza la imagen de fondo, el texto y el botón de cada columna para representar una colección diferente.
Nota: Asegúrese de que el diseño permanezca consistente en todas las columnas para lograr una apariencia cohesiva.
Paso 4: Optimizar para Móvil
- Cambie a la vista móvil en el editor de GemPages.
- Ajusta el diseño para pantallas más pequeñas. Refina el tamaño de las imágenes, el texto y los botones.
- Guarde sus configuraciones y presione el Publicar Botón para que sus cambios se apliquen.
