custom/plugins/PremsOnePageCheckout6/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. {# Container Div #}
  3. {% block page_checkout_container %}
  4.     {% if premsOnePageCheckout.useOnePageCheckout %}
  5.         <div id="one-page-checkout"
  6.              class="one-page-checkout
  7.                 {% if premsOnePageCheckout.useStepsOnlyVertical %} only-vertical{% endif %}
  8.                 {% if premsOnePageCheckout.greyStep2And3 and not premsOnePageCheckout.loggedIn %} grey-step2and3{% endif %}
  9.                 {% if premsOnePageCheckout.loggedIn %} logged-in{% endif %}
  10.              "
  11.              data-save-register-input-uri="{{ path('frontend.PremsOnePageCheckout.ajaxSaveRegisterInput') }}"
  12.              data-paypal-express-button-position="{{ config('PremsOnePageCheckout6.config.payPalExpressButtonPosition') }}"
  13.              data-prefill-register-fields="{{ config('PremsOnePageCheckout6.config.prefillRegisterFields') }}"
  14.              data-uri="{{ path('frontend.checkout.confirm.page') }}">
  15.             {% block base_flashbags %}{% endblock %}
  16.             {% sw_include '@Storefront/storefront/component/opc/order-edit-messages.html.twig' %}
  17.             {% block page_checkout_opc_step_indicator %}
  18.                 <div class="steps-container d-none">
  19.                     <div class="steps-content">
  20.                         <ul class="steps-list">
  21.                             <li class="steps-entry is-done">
  22.                                 <span class="steps-text">1</span>
  23.                                 <span class="line"></span>
  24.                             </li>
  25.                             <li class="steps-entry is-active">
  26.                                 <span class="steps-text">2</span>
  27.                                 <span class="line"></span>
  28.                             </li>
  29.                             <li class="steps-entry">
  30.                                 <span class="steps-text">3</span>
  31.                                 <span class="line"></span>
  32.                             </li>
  33.                         </ul>
  34.                     </div>
  35.                 </div>
  36.             {% endblock %}
  37.             {% if not premsOnePageCheckout.termsAboveSubmit %}
  38.                 {% sw_include '@Storefront/storefront/component/opc/terms.html.twig' %}
  39.             {% endif %}
  40.             {% block page_checkout_opc_utility %}
  41.                 <div class="opc-utility d-none">
  42.                     <div class="icon-ok">
  43.                         {% sw_icon 'checkmark-wide' style {
  44.                             'color': 'success'
  45.                             } %}
  46.                     </div>
  47.                     <div class="icon-cancel">
  48.                         {% sw_icon 'x-wide' style {
  49.                             'color': 'danger'
  50.                             } %}
  51.                     </div>
  52.                 </div>
  53.             {% endblock %}
  54.             {{ parent() }}
  55.             {% sw_include '@Storefront/storefront/component/opc/plugins/praemien.html.twig' %}
  56.         </div>
  57.     {% else %}
  58.         {{ parent() }}
  59.     {% endif %}
  60. {% endblock %}
  61. {# Implement col2 #}
  62. {% block page_checkout_aside %}
  63.     {% if premsOnePageCheckout.useOnePageCheckout %}
  64.         {% block page_checkout_opc_step_2_container %}
  65.             {# Implement step2 headline #}
  66.             <div class="checkout-step-2">
  67.                 <div class="{% if not premsOnePageCheckout.useBorders %}border{% endif %} step-container">
  68.                     {% block page_checkout_opc_headline_step2 %}
  69.                         <h2 class="checkout-step-headline"><span class="step-icon">2</span> {{ "prems-one-page-checkout.steps.step2-headline"|trans }}</h2>
  70.                         {% block page_checkout_confirm_payment_shipping %}
  71.                             <div class="confirm-payment-shipping">
  72.                                 <div class="row">
  73.                                     {% block page_checkout_confirm_payment %}
  74.                                         <div class="col-sm-6 confirm-payment">
  75.                                             {% sw_include '@Storefront/storefront/page/checkout/confirm/confirm-payment.html.twig' %}
  76.                                         </div>
  77.                                     {% endblock %}
  78.                                     {% block page_checkout_confirm_shipping %}
  79.                                         <div class="col-sm-6 confirm-shipping">
  80.                                             {% sw_include '@Storefront/storefront/page/checkout/confirm/confirm-shipping.html.twig' %}
  81.                                         </div>
  82.                                     {% endblock %}
  83.                                 </div>
  84.                             </div>
  85.                         {% endblock %}
  86.                         {% sw_include '@Storefront/storefront/component/opc/plugins/klarna.html.twig' %}
  87.                     {% endblock %}
  88.                 </div>
  89.             </div>
  90.         {% endblock %}
  91.         {{ parent() }}
  92.     {% else %}
  93.         {{ parent() }}
  94.     {% endif %}
  95. {% endblock %}
  96. {# Close step1 border container & headline #}
  97. {% block page_checkout_main %}
  98.     {% if premsOnePageCheckout.useOnePageCheckout %}
  99.         {% block base_flashbags_checkout %}
  100.             <div class="col-12">
  101.                 <div class="flashbags">
  102.                     {% for type, messages in app.flashes %}
  103.                         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  104.                     {% endfor %}
  105.                     {% sw_include '@Storefront/storefront/component/opc/plugins/unzer-errors.html.twig' %}
  106.                 </div>
  107.             </div>
  108.         {% endblock %}
  109.         {% block page_checkout_opc_step_1_container %}
  110.             <div class="checkout-main">
  111.                 <div class="{% if not premsOnePageCheckout.useBorders %}border{% endif %} step-container">
  112.                     {% block page_checkout_opc_headline_step1 %}
  113.                         <h2 class="checkout-step-headline"><span class="step-icon">1</span> {{ "prems-one-page-checkout.steps.step1-headline"|trans }}</h2>
  114.                     {% endblock %}
  115.                     {% block page_checkout_main_content %}{% endblock %}
  116.                 </div>
  117.             </div>
  118.         {% endblock %}
  119.     {% else %}
  120.         {{ parent() }}
  121.     {% endif %}
  122. {% endblock %}
  123. {# Implement step3 headline #}
  124. {% block page_checkout_aside_container %}
  125.     {% if premsOnePageCheckout.useOnePageCheckout %}
  126.         <div class="{% if not premsOnePageCheckout.useBorders %}border{% endif %} step-container">
  127.             {% block page_checkout_opc_step_3_container %}
  128.                 {% block page_checkout_opc_headline_step3 %}
  129.                     <h2 class="checkout-step-headline"><span class="step-icon">3</span> {{ "prems-one-page-checkout.steps.step3-headline"|trans }}</h2>
  130.                 {% endblock %}
  131.                 {% sw_include '@Storefront/storefront/component/opc/products-third-party-area.html.twig' %}
  132.                 {% if premsOnePageCheckout.collapsedProducts %}
  133.                     {% sw_include '@Storefront/storefront/component/opc/collapse-products.html.twig' %}
  134.                 {% else %}
  135.                     {% sw_include '@Storefront/storefront/component/opc/products.html.twig' %}
  136.                 {% endif %}
  137.             {% endblock %}
  138.             {{ parent() }}
  139.         </div>
  140.     {% else %}
  141.         {{ parent() }}
  142.     {% endif %}
  143. {% endblock %}