templates/bundles/FactoryCartBundle/cart/index.html.twig line 1

Open in your IDE?
  1. {% extends 'layout/default.html.twig' %}
  3. {% block contentBlock %}
  5. <div class="cartPage {{ cartData.products is defined and cartData.products ? '' : 'cartPage-bg' }}">
  6.     <div id="VueCart" class="container my-5 my-lg-5 my-md-5">
  7.         {% if cartData.products is defined and cartData.products %}
  8.             <div class="row" style="display: none;" v-show="isCartInitialized && !isEmpty">
  9.                 <div class="col-xl-12 border-2 border-bottom border-indigo pb-3 pb-lg-3 pb-md-3">
  10.                     <div class="row">
  11.                         <div class="col-lg-4 offset-lg-1 col-md-4">
  12.                             <div class="d-flex align-items-center">
  13.                                 <h1 class="font-weight-bold font-italic mb-0    ">
  14.                                     {{ 'cart.cart.page.heading' | trans }}
  15.                                 </h1>
  16.                             </div>
  17.                         </div>
  18.                         <div class="col-lg-6 ml-auto col-md-8 d-flex align-items-center">
  19.                             <ul class="progressbar ml-auto">
  20.                                 <li class="text-capitalize active">
  21.                                     <span class="success-checkmark">&#10003;</span>
  22.                                     Cart preview
  23.                                 </li>
  24.                                 <li class="text-capitalize no-completed">
  25.                                     <span class="success-checkmark">&#10003;</span>
  26.                                     Billing & Shipping
  27.                                 </li>
  28.                                 <li class="text-capitalize no-completed">
  29.                                     <span class="success-checkmark">&#10003;</span>
  30.                                     Payment
  31.                                 </li>
  32.                             </ul>
  33.                         </div>
  34.                     </div>
  35.                 </div>
  36.             </div>
  37.         {% endif %}
  38.         <div class="row">
  39.             <div class="col-lg-10 offset-lg-1">
  40.                 <div>
  41.                     <div style="display: none;" v-show="isCartInitialized && !isEmpty">
  42.                         {% include "Components/cart.html.twig" with {'disableChanges': 'false' } %}
  43.                     </div>
  44.                     {% if not app.user %}
  45.                         <div style="display: none;" v-show="isCartInitialized && isEmpty">
  46.                             <h1 class="font-weight-bold font-italic text-navyBlue mb-4 mb-lg-4 mb-md-4">
  47.                                 {{ 'your.cart.empty.heading' | trans }}
  48.                             </h1>
  49.                             <h5 class="font-weight-light">
  50.                                 {{ 'cart.empty.checkout-1' | trans }}
  51.                                 <a href="{{ path('login', {'division': getSiteDivision(), '_target_path' : app.request.requestUri}) }}">{{'cart.empty.checkout-1-link' | trans}}</a>
  52.                             </h5>
  53.                             <h5 class="font-weight-light">
  54.                                 {{ 'cart.empty.checkout-2' | trans }}
  55.                                 <a href="{{ path('register', {'division': getSiteDivision(), '_target_path' : app.request.requestUri}) }}">{{ 'cart.empty.checkout-2-link' | trans}}</a>
  56.                             </h5>
  57.                         </div>
  58.                     {% else %}
  59.                         <div style="display: none;" v-show="isCartInitialized && isEmpty">
  60.                             <h1 class="font-weight-bold font-italic text-navyBlue mb-4 mb-lg-4 mb-md-4">
  61.                                 {{ 'your.cart.empty.heading.logged' | trans }}
  62.                             </h1>
  63.                             <h5 class="font-weight-light mb-4 mb-lg-4 mb-md-4">
  64.                                 {{ 'cart.empty.checkout-logged-1' | trans }}
  65.                             </h5>
  66.                             <h5 class="font-weight-light">
  67.                                 <a href="{{ path('register', {'division': getSiteDivision(), '_target_path' : app.request.requestUri}) }}" class="btn btn-primary">{{ 'browser.product.checkout' | trans }}</a>
  68.                             </h5>
  69.                         </div>
  70.                     {% endif %}
  71.                 </div>
  72.             </div>
  73.         </div>
  74.     </div>
  75. </div>
  77. {% endblock %}
  79. {% block beforeScripts %}
  80. <script>
  81.     window.billing_information = function (id, setCookie) {
  82.         setCookie('__order_billing_address_id', 'customer');
  83.         setCookie('__billing_address_id', 'customer');
  84.     }
  85.     window.shipping_information = function (id, setCookie) {
  86.         setCookie('__order_shipping_address_id', 'delivery');
  87.         setCookie('__shipping_address_id', 'delivery');
  88.     }
  89. </script>
  90. {% endblock %}