Basket Summary Checkout Prices¶
The <basket-summary-checkout-prices> webcomponent is used to render a prices section of a basket-summary in checkout mode.
Example¶
<basket-summary-checkout-prices>
<div class="basket-summary__prices">
<p><b>Wartość zamówienia</b></p>
<ul class="price-list price-list_s">
<li class="price-list__item">
<span class="price-list__label">Produkty</span>
<span class="price-list__value">4,99 zł</span>
</li>
<li>
<basket-discounts-list>
<h-accordion lazy class="basket-discounts-list">
<h-accordion-group opened>
<h-accordion-toggler
class="accordion__toggler p_s mb-xs-1"
tabindex="0"
role="button"
id="50nhq74qa"
aria-expanded="true"
aria-controls="bx9ovrt9d"
aria-disabled="false"
>
<span>
Rabaty i zniżki
<svg class="icon accordion__toggler-icon accordion__toggler-icon_secondary">
<use xlink:href="/assets/img/icons/symbol-defs.svg#icon-chevron-down"></use>
</svg>
</span>
<span>
<span class="price__value price__value_special">
0,25 zł
</span>
</span>
</h-accordion-toggler>
<h-accordion-content
role="region"
id="bx9ovrt9d"
labelledby="50nhq74qa"
class="accordion-toggle-transition-end"
style="height: auto;"
>
<ul class="price-list price-list_secondary price-list_s">
<li class="price-list__item">
<span class="price-list__label price_s">
<span class="tag font_semibold tag_promotion">- 5%</span>
Rabat - dla Ciebie
</span>
<span class="price-list__value price__value price__value_special price_s">
0,25 zł
</span>
</li>
</ul>
</h-accordion-content>
</h-accordion-group>
</h-accordion>
</basket-discounts-list>
</li>
<li class="price price_s price-list__item">
<span class="price__label price-list__label">
Dostawa
<br>
<small class="color_secondary">
odbiór osobisty
</small>
</span>
<span class="price__value price-list__value">Darmowa</span>
</li>
<li class="price price_s price-list__item">
<span class="price__label price-list__label">
Metoda płatności
<br>
<small class="color_secondary">
Gotówka
</small>
</span>
<span class="price__value price-list__value">Darmowa</span>
</li>
</ul>
</div>
</basket-summary-checkout-prices>