Descuentos aplicados en el resumen del carrito

En este tutorial te explicamos cómo asegurar que los descuentos promocionales, incluyendo aquellos aplicados mediante aplicaciones externas, se visualicen correctamente en el resumen del carrito de compras de tu tienda, tanto en la versión AJAX como en la página /comprar.

Implementación

Agregá el siguiente bloque de código justo debajo del componente de subtotal, tanto para el carrito AJAX como para la página del carrito (/comprar):

{# Cart popup promos #}
<div class="js-total-promotions text-accent font-weight-bold">
  <span class="js-promo-discount" style="display:none;"> {{ "Descuento" | translate }}</span>
  <span class="js-promo-in" style="display:none;">{{ "en" | translate }}</span>
  <span class="js-promo-all" style="display:none;">{{ "todos los productos" | translate }}</span>
  <span class="js-promo-buying" style="display:none;"> {{ "comprando" | translate }}</span>
  <span class="js-promo-units-or-more" style="display:none;"> {{ "o más" | translate }}</span>
  {% for promotion in cart.promotional_discount.promotions_applied %}
    {% if(promotion.scope_value_id) %}
      {% set id = promotion.scope_value_id %}
    {% else %}
      {% set id = 'all' %}
    {% endif %}
      <span class="js-total-promotions-detail-row row" id="{{ id }}">
        <span class="col">
          {% if promotion.discount_script_type != "custom" %}
            {% if promotion.discount_script_type == "NAtX%off" %}
              {{ promotion.selected_threshold.discount_decimal_percentage * 100 }}% OFF
            {% elseif promotion.isBuyXPayY %}
              {{ promotion.buy }}x{{ promotion.pay }}
            {% elseif promotion.isCrossSelling %}
              {{ "Descuento" | translate }}
            {% else %}
              {{ promotion.discount_script_type }}
            {% endif %}

            {{ "en" | translate }} {% if id == 'all' %}{{ "todos los productos" | translate }}{% else %}{{ promotion.scope_value_name }}{% endif %}

            {% if promotion.discount_script_type == "NAtX%off" %}
              <span>{{ "Comprando {1} o más" | translate(promotion.selected_threshold.quantity) }}</span>
            {% endif %}
          {% else %}
            {{ promotion.scope_value_name }}
          {% endif %}
          :
        </span>
        <span class="col text-right">-{{ promotion.total_discount_amount_short }}</span>
      </span>
  {% endfor %}
</div>

Archivo

Implementación