vendor/shopware/storefront/Resources/views/storefront/component/checkout/offcanvas-cart.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/utilities/offcanvas.html.twig' %}
  3. {% block utilities_offcanvas_meta %}
  4.     {% set isAjaxOffcanvas = true %}
  6.     {{ parent() }}
  7. {% endblock %}
  9. {% block utilities_offcanvas_close_text %}
  10.     {{ "checkout.continueShopping"|trans|sw_sanitize }}
  11. {% endblock %}
  13. {% block utilities_offcanvas_close_icon %}
  14.     {% sw_icon 'arrow-head-left' style { 'size': 'sm' } %}
  15. {% endblock %}
  17. {% block utilities_offcanvas_content %}
  18.     {% block component_offcanvas_cart %}
  19.         {% set isCartNotEmpty = (page.cart.lineItems|length > 0) %}
  21.         <div class="offcanvas-cart">
  22.             {% block component_offcanvas_cart_header %}
  23.                 <div class="row align-items-center h4 offcanvas-cart-header">
  24.                     <div class="col">
  25.                         {{ "checkout.cartHeader"|trans|sw_sanitize }}
  26.                     </div>
  28.                     {% set checkoutItemCounter = page.cart.lineItems|length %}
  30.                     {% block component_offcanvas_cart_header_item_counter %}
  31.                         {% if isCartNotEmpty %}
  32.                             <div class="col-auto">
  33.                                 <small class="offcanvas-cart-header-count">
  34.                                     {{ "checkout.itemCounter"|trans({'%count%': checkoutItemCounter})|sw_sanitize }}
  35.                                 </small>
  36.                             </div>
  37.                         {% endif %}
  38.                     {% endblock %}
  39.                 </div>
  40.             {% endblock %}
  42.             {% block component_offcanvas_cart_flashbags %}
  43.                 <div class="flashbags">
  44.                     {% for type, messages in app.flashes %}
  45.                         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  46.                             type: type,
  47.                             list: messages
  48.                         } %}
  49.                     {% endfor %}
  50.                 </div>
  51.             {% endblock %}
  53.             {% if isCartNotEmpty %}
  54.                 {% block component_offcanvas_cart_items %}
  55.                     <div class="offcanvas-cart-items">
  56.                         {% for lineItem in page.cart.lineItems %}
  57.                             {% block component_offcanvas_cart_item %}
  58.                                 {# @deprecated tag:v6.5.0 - Template `offcanvas-item.html.twig` is deprecated. Use `storefront/component/line-item/line-item.html.twig` instead. #}
  59.                                 {% if feature('v6.5.0.0') %}
  60.                                     {% sw_include '@Storefront/storefront/component/line-item/line-item.html.twig' with {
  61.                                         displayMode: 'offcanvas',
  62.                                         redirectTo: 'frontend.cart.offcanvas'
  63.                                     } %}
  64.                                 {% else %}
  65.                                     {% sw_include '@Storefront/storefront/component/checkout/offcanvas-item.html.twig' %}
  66.                                 {% endif %}
  67.                             {% endblock %}
  68.                         {% endfor %}
  69.                     </div>
  70.                 {% endblock %}
  71.             {% else %}
  72.                 {% block component_offcanvas_cart_empty %}
  73.                     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  74.                         type: "info",
  75.                         content: "checkout.emptyCart"|trans|sw_sanitize
  76.                     } %}
  77.                 {% endblock %}
  78.             {% endif %}
  80.             {% if isCartNotEmpty %}
  81.                 {% block component_offcanvas_summary %}
  82.                     {% sw_include '@Storefront/storefront/component/checkout/offcanvas-cart-summary.html.twig' %}
  83.                 {% endblock %}
  84.             {% endif %}
  86.             {% block component_offcanvas_cart_actions %}
  87.                 <div class="offcanvas-cart-actions">
  88.                     {% block component_offcanvas_cart_actions_promotion %}
  89.                         {% if isCartNotEmpty %}
  90.                             <div class="js-offcanvas-cart-promotion">
  91.                                 {% block component_offcanvas_cart_actions_promotion_form %}
  92.                                     <form action="{{ path('frontend.checkout.promotion.add') }}"
  93.                                           class="offcanvas-cart-promotion-form js-offcanvas-cart-add-promotion"
  94.                                           method="post">
  96.                                         {# @deprecated tag:v6.5.0 - Block component_offcanvas_cart_actions_promotion_form_csrf will be removed. #}
  97.                                         {% block component_offcanvas_cart_actions_promotion_form_csrf %}
  98.                                             {{ sw_csrf('frontend.checkout.promotion.add') }}
  99.                                         {% endblock %}
  101.                                         {% block component_offcanvas_cart_actions_promotion_redirect %}
  102.                                             <input type="hidden"
  103.                                                    name="redirectTo"
  104.                                                    value="frontend.cart.offcanvas">
  105.                                         {% endblock %}
  107.                                         {% block component_offcanvas_cart_actions_promotion_input_group %}
  108.                                             <div class="input-group">
  109.                                                 {% block component_offcanvas_cart_actions_promotion_label %}
  110.                                                     <label class="{{ visuallyHiddenClass }}" for="addPromotionOffcanvasCartInput">
  111.                                                         {{ "checkout.addPromotionLabel"|trans|sw_sanitize }}
  112.                                                     </label>
  113.                                                 {% endblock %}
  115.                                                 {% block component_offcanvas_cart_actions_promotion_input %}
  116.                                                     <input type="text"
  117.                                                            name="code"
  118.                                                            class="form-control"
  119.                                                            id="addPromotionOffcanvasCartInput"
  120.                                                            placeholder="{{ "checkout.addPromotionPlaceholder"|trans|striptags }}"
  121.                                                            aria-label="{{ "checkout.addPromotionLabel"|trans|striptags }}"
  122.                                                            aria-describedby="addPromotionOffcanvasCart"
  123.                                                            required="required">
  124.                                                 {% endblock %}
  126.                                                 {% block component_offcanvas_cart_actions_promotion_submit %}
  127.                                                     {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `input-group-append` wrapper and uses elements as direct childs of `input-group` #}
  128.                                                     {% if feature('v6.5.0.0') %}
  129.                                                         <button class="btn btn-secondary"
  130.                                                                 type="submit"
  131.                                                                 id="addPromotionOffcanvasCart">
  132.                                                             {% sw_icon 'checkmark' %}
  133.                                                         </button>
  134.                                                     {% else %}
  135.                                                         <div class="input-group-append">
  136.                                                             <button class="btn btn-secondary"
  137.                                                                     type="submit"
  138.                                                                     id="addPromotionOffcanvasCart">
  139.                                                                 {% sw_icon 'checkmark' %}
  140.                                                             </button>
  141.                                                         </div>
  142.                                                     {% endif %}
  143.                                                 {% endblock %}
  144.                                             </div>
  145.                                         {% endblock %}
  146.                                     </form>
  147.                                 {% endblock %}
  148.                             </div>
  149.                         {% endif %}
  150.                     {% endblock %}
  152.                     {% block component_offcanvas_cart_actions_checkout %}
  153.                         {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `btn-block` class, use `d-grid` wrapper instead #}
  154.                         {% if feature('v6.5.0.0') %}
  155.                             <div class="d-grid">
  156.                                 <a href="{{ path('frontend.checkout.confirm.page') }}"
  157.                                    class="btn begin-checkout-btn{% if isCartNotEmpty %} btn-primary{% else %} btn-light disabled{% endif %}"
  158.                                    title="{{ "checkout.proceedToCheckout"|trans|striptags }}">
  159.                                     {{ "checkout.proceedToCheckout"|trans|sw_sanitize }}
  160.                                 </a>
  161.                             </div>
  162.                         {% else %}
  163.                             <a href="{{ path('frontend.checkout.confirm.page') }}"
  164.                                class="btn btn-block begin-checkout-btn{% if isCartNotEmpty %} btn-primary{% else %} btn-light disabled{% endif %}"
  165.                                title="{{ "checkout.proceedToCheckout"|trans|striptags }}">
  166.                                 {{ "checkout.proceedToCheckout"|trans|sw_sanitize }}
  167.                             </a>
  168.                         {% endif %}
  169.                     {% endblock %}
  171.                     {% block component_offcanvas_cart_actions_cart %}
  172.                         {# @deprecated tag:v6.5.0 - Bootstrap v5 removes `btn-block` class, use `d-grid` wrapper instead #}
  173.                         {% if feature('v6.5.0.0') %}
  174.                             <div class="d-grid">
  175.                                 <a href="{{ path('frontend.checkout.cart.page') }}"
  176.                                    class="btn btn-link"
  177.                                    title="{{ "checkout.proceedToCart"|trans|striptags }}">
  178.                                     {{ "checkout.proceedToCart"|trans|sw_sanitize }}
  179.                                 </a>
  180.                             </div>
  181.                         {% else %}
  182.                             <a href="{{ path('frontend.checkout.cart.page') }}"
  183.                                class="btn btn-block btn-link"
  184.                                title="{{ "checkout.proceedToCart"|trans|striptags }}">
  185.                                 {{ "checkout.proceedToCart"|trans|sw_sanitize }}
  186.                             </a>
  187.                         {% endif %}
  188.                     {% endblock %}
  189.                 </div>
  190.             {% endblock %}
  191.         </div>
  193.         {% block component_offcanvas_cart_hidden_line_items_information %}
  194.             {% sw_include '@Storefront/storefront/component/checkout/hidden-line-items-information.html.twig' with {
  195.                 cart: page.cart,
  196.                 lineItems: page.cart.lineItems
  197.             } %}
  198.         {% endblock %}
  199.     {% endblock %}
  200. {% endblock %}