Skip to main content

Cart - Purchase Benefits

Bloque informativo configurable que aparece en el sidebar del carrito, debajo de los métodos de pago. Muestra beneficios clave de la compra: fecha estimada de entrega (dinámica), política de devolución y garantía.


Vista previa

Bloque de beneficios en el carrito


Comportamiento

  • Se renderiza mediante <iscontentasset aid="cart-purchase-benefits" /> en el sidebar del carrito.
  • El primer ítem (envío estimado) es dinámico: se obtiene automáticamente a través de shippingHelper.getFullShippingMethodsArrivalDateAndHoursMessage. Si no hay mensaje disponible, el ítem no se muestra.
  • El resto de ítems (devolución, garantía, etc.) provienen del JSON configurado en el content asset.
  • Cada ítem muestra un icono SVG y un texto en línea.

Configuración

Content Asset

El content asset se configura mediante un JSON en Business Manager → Content Assets con el ID cart-purchase-benefits.

{
"items": [
{
"icon": "images/icons/truck-fast.svg?$staticlink$",
"text": "Envío 24/48h 1-5 días hábiles"
},
{
"icon": "images/icons/time.svg?$staticlink$",
"text": "Devolución en 15 días"
},
{
"icon": "images/icons/delivery.svg?$staticlink$",
"text": "Garantía 3 años"
}
]
}
Primer ítem de envío

El primer ítem del array (truck-fast.svg) actúa como fallback: solo se muestra si el helper de envío no devuelve ningún mensaje dinámico. En condiciones normales, la fecha estimada de entrega sustituye este texto estático.


Propiedades

PropiedadTipoObligatorioDescripción
itemsarrayLista de beneficios a mostrar.
items[].iconstringRuta al icono SVG. Debe incluir ?$staticlink$.
items[].textstringTexto descriptivo del beneficio.

Notas y consejos

Ficheros

cart/cartPurchaseBenefits.isml

Imágenes con staticlink

Todas las URLs de iconos deben terminar con ?$staticlink$ para que SFCC resuelva correctamente la ruta estática.

"icon": "images/icons/truck-fast.svg?$staticlink$"
Envío dinámico tiene prioridad

El texto de envío mostrado al usuario siempre proviene del helper, no del JSON. El campo text del primer ítem solo se usa como fallback si el helper no retorna datos.