Skip to content

Basket Summary Checkout Footer

The <basket-summary-checkout-footer> webcomponent is used to render a footer section of a basket-summary in checkout mode.

Example

<basket-summary-checkout-footer></basket-summary-checkout-footer>
    <basket-summary-checkout-footer>
        <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">Do zapłaty</span>
                        <span class="price-list__value price price_m">
                            <span class="p price__value">
                                <strong class="p_l font_semibold price__value_special">
                                    4,74 zł
                                </strong>
                            </span> 
                            <br>
                            <span class="p_s color_tertiary">Zawiera VAT</span>
                        </span>
                    </li>
                </ul>

                <div>
                    <p>
                        <a class="btn btn_primary btn_full-width">
                            <h-icon icon-name="icon-basket" 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-basket"></use>
                                </svg>
                            </h-icon>
                            Zamawiam i płacę
                        </a>
                    </p>
                </div>
            </footer>
        </div>
    </basket-summary-checkout-footer>

Webcomponents reference