custom/static-plugins/NdTheme/src/Resources/views/storefront/page/checkout/cart/index.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/checkout/cart/index.html.twig' %}
  3. {% block base_head %}
  4.     {% sw_include '@Storefront/storefront/page/checkout/cart/meta.html.twig' %}
  5. {% endblock %}
  7. {% block page_checkout_address_products %}{% endblock %}
  9. {% block page_checkout_container %}
  10.     {% if page.cart.lineItems.count is same as(0) %}
  11.         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  12.             type: "info",
  13.             content: "checkout.cartEmpty"|trans|sw_sanitize
  14.         } %}
  16.         {% set messages = app.flashes %}
  18.         {% if messages.danger|length > 0 %}
  19.             <div class="flashbags">
  20.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: 'danger', list: messages.danger } %}
  21.             </div>
  22.         {% endif %}
  23.     {% else %}
  24.         {{ parent() }}
  25.     {% endif %}
  26. {% endblock %}
  28. {% block page_checkout_main_content %}
  29.     {% block page_checkout_cart %}
  30.         {% block page_checkout_cart_header %}
  31.             {% set cartCount = 0 %}
  32.             {% for item in page.cart.lineItems.elements %}
  33.                 {% set cartCount = cartCount + item.quantity %}
  34.             {% endfor %}
  35.             <h1 class="cart-main-header mb-8 mt-4 lg:mb-10">
  36.                 {{ "checkout.cartHeader"|trans|sw_sanitize }}
  37.                 <span class="cart-number-of-items text-grey-600 font-medium text-xs ml-2 md:text-base md:ml-4">
  38.                  {{ cartCount }} {% if cartCount == 1 %}{{ "pages.cart.cartItem"|trans|sw_sanitize }}{% else %}{{ "pages.cart.cartItems"|trans|sw_sanitize }}{% endif %}
  39.                 </span>
  40.             </h1>
  41.         {% endblock %}
  43.         {% block page_checkout_cart_product_table %}
  44.             <div class="card checkout-product-table">
  45.                 <div class="card-body grid grid-gap-6 md:grid-gap-10">
  46.                     {% block page_checkout_cart_table_header %}
  47.                         {% sw_include '@Storefront/storefront/page/checkout/cart/cart-product-header.html.twig' %}
  48.                     {% endblock %}
  50.                     {% block page_checkout_cart_table_items %}
  51.                         {% for lineItem in page.cart.lineItems %}
  52.                             {% block page_checkout_cart_table_item %}
  53.                                 {% block page_checkout_item %}
  54.                                     {% sw_include '@Storefront/storefront/page/checkout/checkout-item.html.twig' %}
  55.                                 {% endblock %}
  56.                             {% endblock %}
  57.                         {% endfor %}
  58.                     {% endblock %}
  59.                 </div>
  60.             </div>
  61.         {% endblock %}
  63.         {% block page_checkout_cart_hidden_line_items_information %}
  64.             {% sw_include '@Storefront/storefront/component/checkout/hidden-line-items-information.html.twig' with {
  65.                 cart: page.cart,
  66.                 lineItems: page.cart.lineItems
  67.             } %}
  68.         {% endblock %}
  70.         {% block page_checkout_cart_add_product_and_shipping %}
  71.             {# Removed quick ATC via product number && quick shippingcost calculator #}
  72.         {% endblock %}
  73.     {% endblock %}
  74. {% endblock %}
  76. {% block page_checkout_aside_actions %}
  77.     <div class="checkout-aside-action">
  78.         {% block page_checkout_cart_add_promotion %}
  79.             <form action="{{ path('frontend.checkout.promotion.add') }}"
  80.                   class="cart-add-promotion"
  81.                   data-form-csrf-handler="true"
  82.                   method="post">
  84.                 {% block page_checkout_cart_add_promotion_csrf %}
  85.                     {{ sw_csrf('frontend.checkout.promotion.add') }}
  86.                 {% endblock %}
  88.                 {% block page_checkout_cart_add_promotion_forward %}
  89.                     <input type="hidden"
  90.                            name="redirectTo"
  91.                            value="frontend.checkout.cart.page">
  92.                 {% endblock %}
  94.                 {% block page_checkout_cart_add_promotion_input_group %}
  95.                     <div class="input-group checkout-aside-add-code"
  96.                          x-data='{codeValue: "", show: false}'>
  98.                         {% block page_checkout_cart_add_promotion_label %}
  99.                             <label class="flex justify-between" for="addPromotionInput" @click="show = !show">
  100.                                 {{ "checkout.addPromotionLabel"|trans|sw_sanitize }}
  101.                                 <div class="w-5 h-5" :class="show ? 'rotate-180' : 'rotate-0'">
  102.                                     {% sw_icon 'chevron-down' style{'pack': 'hero', 'class': 'stroke w-5 h-5'} %}
  103.                                 </div>
  104.                             </label>
  105.                         {% endblock %}
  107.                         {% block page_checkout_cart_add_promotion_input %}
  108.                             <input type="text"
  109.                                    name="code"
  110.                                    class="form-control bg-transparent mt-2"
  111.                                    id="addPromotionInput"
  112.                                    placeholder="{{ "checkout.addPromotionPlaceholder"|trans|striptags }}"
  113.                                    aria-label="{{ "checkout.addPromotionLabel"|trans|striptags }}"
  114.                                    aria-describedby="addPromotion"
  115.                                    required="required"
  116.                                    x-model="codeValue"
  117.                                    x-show="show"
  118.                             >
  119.                         {% endblock %}
  121.                         {% block page_checkout_cart_add_promotion_submit %}
  122.                             <div class="input-group-append mt-2 opacity-20 transition"
  123.                                  :class="codeValue.length > 0 ? 'block opacity-100' : 'hidden'"
  124.                                  x-show="show">
  125.                                 <button class="btn btn-primary w-full"
  126.                                         type="submit"
  127.                                         id="addPromotion">
  128.                                     {{ "checkout.addPromotionLabel"|trans|sw_sanitize }}
  129.                                 </button>
  130.                             </div>
  131.                         {% endblock %}
  132.                     </div>
  133.                 {% endblock %}
  134.             </form>
  135.         {% endblock %}
  136.     </div>
  138.     {% block page_checkout_cart_action_proceed %}
  139.         {% if page.cart %}
  140.             {% set summary = page.cart %}
  141.         {% elseif page.order %}
  142.             {% set summary = page.order %}
  143.         {% endif %}
  144.         <div class="checkout-aside-action fixed left-0 bottom-0 w-full bg-white shadow-2xl z-50">
  145.             <div class="boxed-layout py-4 flex grid-gap-4 justify-between">
  146.                 <div class="total-price">
  147.                     <div class="total-price-label">Te betalen:</div>
  148.                     <div class="total-price-value text-2xl font-medium text-black">{{ summary.price.rawTotal }}</div>
  149.                 </div>
  150.                 <a href="{{ path('frontend.checkout.confirm.page') }}"
  151.                    class="btn btn-primary begin-checkout-btn"
  152.                    title="{{ "checkout.proceedLink"|trans|striptags }}">
  153.                     {% sw_icon 'bag' %}
  154.                     {{ "checkout.proceedLink"|trans|sw_sanitize }}
  155.                 </a>
  156.             </div>
  157.         </div>
  158.     {% endblock %}
  159. {% endblock %}
  164. {% block base_footer %}
  165.     <footer class="footer-main bg-blue-1000">
  166.         {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  167.     </footer>
  168. {% endblock %}