Saltar al contenido principal

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

CampoTipoDefaultDescripción
headingtextTítulo de la sección (opcional; vacío = no se muestra)
subheadingtextSubtítulo de la sección (opcional)
columnsselect4Columnas en escritorio (cap máximo 4)
itemsvalue_items[]Lista repetible de propuestas (agregar / quitar / reordenar)

Estructura de cada item

CampoTipoDescripción
iconíconoNombre de un ícono del set (Lucide) o URL de un asset subido (SVG/imagen)
titletextTítulo de la propuesta
texttextDescripció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" }
]
}