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