Propuestas de valor
Fila de N propuestas de valor administrables desde el Theme Editor. Cada item tiene un ícono, título y texto. Ideal para comunicar beneficios clave: envío gratis, devoluciones, pago seguro, etc.
Reemplaza el módulo antiguo de 3 propuestas fijas. Los tenants que aún tengan los campos
prop1..prop3 siguen funcionando por retrocompatibilidad (ver más abajo).
Configuración
| Campo | Tipo | Default | Descripción |
|---|---|---|---|
heading | text | — | Título de la sección (opcional; vacío = no se muestra) |
subheading | text | — | Subtítulo de la sección (opcional) |
columns | select | 4 | Columnas en escritorio (cap máximo 4) |
items | value_items | [] | Lista repetible de propuestas (agregar / quitar / reordenar) |
Estructura de cada item
| Campo | Tipo | Descripción |
|---|---|---|
icon | ícono | Nombre de un ícono del set (Lucide) o URL de un asset subido (SVG/imagen) |
title | text | Título de la propuesta |
text | text | Descripción de la propuesta |
El campo icon acepta dos formas:
- Nombre del set (ej.
truck,shield-check,credit-card) → se renderiza como SVG inline y hereda el color del tema. - URL de asset subido → se renderiza como
<img>. Los SVG subidos se sanitizan al subirlos.
Retrocompatibilidad
Si items está vacío pero existen los campos legacy prop1_title/prop1_text … prop3_*, el
módulo los muestra con íconos por defecto. Al editar la sección en el Theme Editor, se migran a
items de forma perezosa (sin borrar los campos viejos en el acto).
Ejemplo
{
"heading": "Por qué comprarnos",
"columns": "4",
"items": [
{ "icon": "truck", "title": "Envío gratis", "text": "En compras mayores a S/ 200" },
{ "icon": "rotate-ccw", "title": "Devoluciones", "text": "En 30 días sin preguntas" },
{ "icon": "shield-check", "title": "Pago seguro", "text": "Cifrado SSL y datos protegidos" },
{ "icon": "/media/uploads/icono-eco.svg", "title": "Eco", "text": "Empaques compostables" }
]
}