Galería de Productos
El componente Galería de Productos es la forma más efectiva de mostrar tu catálogo en pantalla. Se conecta directamente con el catálogo que cargás en el panel de administración.
¿Qué resuelve?
- Catálogo visual: Mostrás tus productos con imágenes profesionales
- Precios actualizados: Si cambiás un precio en el panel, se actualiza en pantalla automáticamente
- Descuentos automaticados: Muestra el % de ahorro cuando cargás un descuento
- Múltiples layouts: elegí entre lista, grilla o carrusel
Preview
┌──────────────────────────────────────────┐
│ 🍕 Pizza Muzarella $4.500 │
│ ──────────────────────────────────── │
│ [img] -15% │
│ │
│ 🍔 Hamburguesa $3.200 │
│ ──────────────────────────────────── │
│ [img] -10% │
└──────────────────────────────────────────┘
Configuración
Diseño (Layout)
| Opción | Descripción |
|---|---|
| Lista simple | Una columna con imagen arriba/abajo |
| Lista centrada | Imagen y texto centrado |
| Lista compacta | Más productos por fila |
| Galería de productos | Grilla de imágenes |
| Carrusel | Productos que rotan automáticamente |
| Lista agrupada | Por categoría |
| Carrusel hero | 1 producto grande por slide |
| Productos destacados | Solo productos con descuento |
Opciones de Visualización
| Opción | Descripción |
|---|---|
| Mostrar nombre | Nombre del producto |
| Mostrar categoría | Categoría del producto |
| Mostrar descripción | Descripción corta |
| Mostrar precios | Precio actual |
| Mostrar badge descuento | Porcentaje de descuento |
| Mostrar badge ahorro | Monto ahorrado |
Productos
| Opción | Descripción |
|---|---|
| Mostrar todos los productos | Usa todo el catálogo |
| Elegir específicos | Seleccioná productos uno por uno |
Casos de Uso
Farmacias
Productos con precio y descuentos visibles.
Tiendas de Ropa
Imágenes de prendas con precios.
Ferreterías
Catálogo completo de herramientas.
Restaurants
Menú visual del comercio.
Tips de Uso
- Actualizá el precio en un solo lugar: Cambialo en el panel y se actualiza en todas las pantallas
- Usa imágenes de calidad: Las fotos de productos determinan el aspecto profesional
- Combiná con categorías: Usá el modo "lista agrupada" para organizar por categoría
Recursos Relacionados
- Catálogo de Productos — Cómo cargar productos
- Vista Mostrador — Con búsqueda y filtros
- Lista Agrupada — Productos por categoría