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
- Componente
- Contexto en 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"
}
]
}
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
| Propiedad | Tipo | Obligatorio | Descripción |
|---|---|---|---|
items | array | Sí | Lista de beneficios a mostrar. |
items[].icon | string | Sí | Ruta al icono SVG. Debe incluir ?$staticlink$. |
items[].text | string | Sí | Texto descriptivo del beneficio. |
Notas y consejos
- Plantilla
- Incluido en
cart/cartPurchaseBenefits.isml
cart/cartWithItems.isml
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$"
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.