Basket Summary Basket Footer¶
The <basket-summary-basket-footer> webcomponent is used to render a footer section of a basket-summary in basket mode.
Attributes¶
| Attribute name | Type | Default | Description |
|---|---|---|---|
url |
string |
'' | Link to a delivery and payment view of the basket, necessary when using basket mode |
basket-url |
string |
'' | Link to a view with a list of products inside the cart, necessary when using basket mode |
Example¶
<basket-summary-basket-footer basket-url="" url="/pl/basket/step2">
<div class="basket-module__content basket-module__content_secondary">
<footer class="basket-summary__footer">
<ul class="price-list">
<li class="price-list__item">
<span class="price-list__label">Suma</span>
<span class="price-list__value price price_m">
<span class="p price__value">
<strong class="p_l font_semibold price__value_special">
4,24 zł
</strong>
</span>
<br>
<span class="p_s color_tertiary">Zawiera VAT</span>
</span>
</li>
</ul>
<p>
<a class="btn btn_primary btn_full-width" href="/pl/basket/step2">
<h-icon icon-name="icon-truck" css-classes="btn__icon btn__icon_left">
<svg class="icon btn__icon btn__icon_left">
<use xlink:href="/assets/img/icons/symbol-defs.svg#icon-truck"></use>
</svg>
</h-icon>
Dostawa i płatność
</a>
</p>
<small>Koszt dostawy w następnym kroku.</small>
</footer>
</div>
</basket-summary-basket-footer>