Dale vida a tu tienda: Configuración de Carruseles y Vitrinas de Productos

En Flobu distinguimos entre dos tipos de elementos deslizantes:

Carrusel: Para imágenes promocionales o banners (generalmente en la parte superior).
Slider de Productos: Una fila de productos que el usuario puede recorrer (vitrina).

Parte 1: Configurando el Carrusel Principal (Banners)

El carrusel es tu oportunidad para comunicar ofertas, novedades o la identidad de tu marca.

1. Agregar y Gestionar Diapositivas (Items) Al seleccionar el componente "Carrusel" en el editor, verás en la barra lateral la lista de "Items" o diapositivas actuales.

Agregar: Presiona el botón "Agregar nuevo item" al final de la lista.
Reordenar: Arrastra los items hacia arriba o abajo para cambiar el orden en que aparecen.
Eliminar: Usa el icono de basurero si ya no necesitas un banner.

2. Imágenes Diferenciadas (PC vs Móvil) Esta es una función profesional de Flobu. Para que tu sitio se vea perfecto en todos lados, puedes (y debes) subir dos versiones de tu banner:

Imagen para PC: Formato horizontal ancho (Ej: 1920x600 px).
Imagen para teléfonos: Formato más cuadrado o vertical (Ej: 1080x1080 o 1080x1350 px).

Haz clic en "Slider 1" (o el que quieras editar) y verás los espacios para cargar ambas fotos.

3. Enlaces y Configuración

Enlace: En el campo "Enlace del item", pega la URL a donde quieres llevar al cliente si hace clic en el banner (ej: una colección específica).
Delay: En la configuración general del carrusel, puedes definir cuántos milisegundos dura cada imagen (Ej: 5000 para 5 segundos).
Altura automática: Activa esta opción si tus banners tienen diferentes alturas y quieres que el carrusel se adapte.

Parte 2: Slider de Productos (Vitrinas)

Esta herramienta es muy potente porque se actualiza sola dependiendo de lo que elijas.

1. Elegir la Fuente de Productos Al agregar un "Slider de Productos", lo más importante es definir qué productos mostrará. En la barra lateral, busca el selector "Fuente de Productos":

Últimos productos: Muestra automáticamente lo más nuevo que has subido. ¡Ideal para la página de inicio!
Productos específicos: Te permite seleccionar manualmente qué productos mostrar (ej: para una sección de "Recomendados").
Productos de categorías: Muestra todo lo que esté en una categoría (ej: "Solo Zapatillas").
Productos de marcas: Muestra productos de una marca específica (ej: "Solo Adidas").

2. Definir el Largo de la Lista En el selector "Largo de la lista", define cuántos productos quieres que cargue el slider como máximo (ej: 10 o 15).

¡Con esto, tu página de inicio ya tendrá movimiento y mostrará tu catálogo de forma atractiva!