custom/plugins/GrimmTheme/src/Resources/views/storefront/page/checkout/_page.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/checkout/_page.html.twig' %}
  2. {% set isMobile = device == 'mobile' %}
  4. {% block page_checkout_main %}
  5.     <div class="checkout-main">
  6.         {% block base_flashbags_checkout %}
  7.             <div class="flashbags">
  8.                 {% for type, messages in app.flashes %}
  9.                     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  10.                 {% endfor %}
  11.             </div>
  12.         {% endblock %}
  14.         {% block page_checkout_main_content %}{% endblock %}
  15.     </div>
  16.     {% if app.request.attributes.get('sw-original-request-uri') == '/checkout/register' %}
  17.         </div>
  18.     {% endif %}
  19. {% endblock %}
  21. {% block page_checkout_aside %}
  22.     <div class="checkout-aside {% if block('page_checkout_additional')|trim %}checkout-aside-no-offset{% endif %}">
  23.         {% if isMobile == false %}
  24.             <h2 class="confirm-aside-header h1-small text-center text-lg-right"
  25.             >{{ "checkout.summaryHeader"|trans|sw_sanitize }}</h2>
  26.         {% endif %}
  27.         {% block page_checkout_aside_container %}
  28.             <div class="checkout-aside-container">
  29.             {% block page_checkout_aside_summary %}
  30.                 <div class="s360-panel">
  31.                     {% block page_checkout_summary_header %}
  32.                         <div class="s360-panel__heading">
  33.                         {{ "checkout.inTotal"|trans|sw_sanitize }}
  34.                         </div>
  35.                     {% endblock %}
  37.                     {% block page_checkout_summary_list %}
  38.                         <div class="s360-panel__body">
  39.                             {% block s360_checkout_sidebar %}
  40.                                 {% if page.getExtension("productsRequestOnly") %}
  41.                                     {{"checkout.sidebar.requestOnly"|trans|sw_sanitize}}
  42.                                 {% else %}
  43.                                     {% if controllerAction|lower is not same as('cartpage') %}
  44.                                         <div class="mb-20">
  45.                                             {% sw_include '@Storefront/storefront/component/checkout/_voucher.html.twig' %}
  46.                                         </div>
  47.                                     {% endif %}
  48.                                     {# {% if not page.getExtension("productsRequestOnly") %}
  49.                                         {% sw_include '@Storefront/storefront/component/checkout/_shipping-note.html.twig' with {
  50.                                                 wrapperClasses: 'mb-20'
  51.                                             }
  52.                                         %}
  53.                                     {% endif %} #}
  54.                                     {% block page_checkout_summary_list_container %}
  55.                                         {{ parent() }}
  56.                                     {% endblock %}
  57.                                 {% endif %}
  58.                             {% endblock %}
  59.                         </div>
  60.                     {% endblock %}
  61.                 </div>
  62.             {% endblock %}
  64.             {% block page_checkout_aside_actions %}
  65.             
  66.             {% endblock %}
  68.             </div>
  69.         {% endblock %}
  70.     </div>
  72.     <script>
  73.         function showLoadingCircle(){
  74.             const loadingCircleDiv = document.createElement('div');
  75.             loadingCircleDiv.className = 'loadingCircle';
  76.             loadingCircleDiv.innerHTML = `
  77.             <div class="lds-ring">
  78.                 <div></div>
  79.                 <div></div>
  80.                 <div></div>
  81.                 <div></div>
  82.             </div>
  83.             `;
  84.             document.body.appendChild(loadingCircleDiv);
  85.         }
  86.    </script>
  87. {% endblock %}