Neste tutorial, explicamos como garantir que os descontos promocionais, incluindo aqueles aplicados por meio de aplicativos externos, sejam exibidos corretamente no resumo do carrinho de compras da sua loja, tanto na versão AJAX quanto na página /comprar
.
Arquivo
snipplets/cart-totals.tpl
Implementação
Adicione o seguinte bloco de código logo abaixo do componente de subtotal, tanto para o carrinho AJAX quanto para a página do carrinho (/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>