Etiqueta de descuento al agregar al carrito

Esta funcionalidad agrega una etiqueta "X% OFF" al lado del precio en la notificación (toast) que aparece cuando el cliente agrega un producto al carrito. La etiqueta solo se muestra si el producto agregado tiene un descuento aplicado.

La actualización del valor se hace automáticamente leyendo el porcentaje de descuento ya presente en la página de detalle del producto, por lo que el valor mostrado siempre refleja el descuento del producto agregado, incluso después de cambiar de variante.

HTML

Localizar el archivo donde se incluye el componente `notification` (habitualmente `snipplets/header/header.tpl`) y agregar la clase `cart_item_discount_label` 

{{ component('notification', {
    ...
    notification_classes: {
        ...
        cart_item_price_container: 'd-flex align-items-center mb-2 mb-md-1',
        cart_item_discount_label: 'ml-2',
        ...
    }
}) }}

Importante: Si tu diseño usa el componente `notification` en más de un lugar (por ejemplo, una versión para celulares y otra de escritorio), realizá la actualización en cada inclusión.

JavaScript

en el archivo `static/js/store.js.tpl` de tu diseño, dentro del callback `callback_add_to_cart` (o el callback equivalente que se ejecuta luego de agregar un producto al carrito), agregar la llamada a la función expuesta por el componente privado:

LS.updateNotificationDiscountLabel($productContainer[0]);

La llamada debe realizarse después de que la notificación esté visible y antes (o después) de actualizar el nombre, cantidad y precio del producto en la notificación. Ejemplo completo:

jQueryNuvem('.js-cart-notification-item-name-private').text(name);
jQueryNuvem('.js-cart-notification-item-quantity-private').text(quantity);
jQueryNuvem('.js-cart-notification-item-price-private').text(price);

LS.updateNotificationDiscountLabel($productContainer[0]);