custom/plugins/OttMoebelfirstTheme/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' %}
  3. {% set merchant = page.extensions.ottMerchantShopsData.merchant %}
  5. {% block page_checkout_container %}
  6.     <div class="checkout-container">
  7.         {% block page_checkout_main %}
  8.             {{ parent() }}
  9.         {% endblock %}
  11.         {% block page_checkout_aside %}
  12.             {{ parent() }}
  13.         {% endblock %}
  14.     </div>
  15. {% endblock %}
  17. {% block base_body_inner %}
  18.     {{ parent() }}
  20.     {% sw_include '@Storefront/storefront/component/modal/ott-remove-item-modal.html.twig' %}
  21. {% endblock %}
  23. {% block page_checkout %}
  24.     {{ parent() }}
  26.     {% block ott_checkout_usp %}
  27.         {% if 'finishPage' !== controllerAction %}
  28.             <div class="ott-checkout-usp">
  29.                 <div class="ott-checkout-usp-element">
  30.                     <div class="ott-checkout-usp-icon">
  31.                         {% sw_icon 'feather-phone-call' style {
  32.                             'namespace': 'OttMoebelfirstTheme',
  33.                             'pack': 'moebelfirst',
  34.                         } %}
  35.                     </div>
  36.                     <div class="ott-checkout-usp-text-wrapper">
  37.                         <div class="ott-checkout-usp-heading">
  38.                             {{ 'ott.checkout.usp1Headline'|trans|striptags|raw }}
  39.                         </div>
  40.                         <div class="ott-checkout-usp-text">
  41.                             {% if merchant %}
  42.                                 <div>
  43.                                     {{ 'ott.checkout.usp1TextMerchantShop'|trans|striptags|raw }}
  44.                                 </div>
  46.                                 <div>
  47.                                     {{ merchant.phone }}
  48.                                 </div>
  49.                             {% else %}
  50.                                 {{ 'ott.checkout.usp1Text'|trans|striptags|raw }}
  51.                             {% endif %}
  52.                         </div>
  53.                     </div>
  54.                 </div>
  55.                 <div class="ott-checkout-usp-element">
  56.                     <div class="ott-checkout-usp-icon">
  57.                         {% sw_icon 'feather-truck' style {
  58.                             'namespace': 'OttMoebelfirstTheme',
  59.                             'pack': 'moebelfirst',
  60.                         } %}
  61.                     </div>
  62.                     <div class="ott-checkout-usp-text-wrapper">
  63.                         <div class="ott-checkout-usp-heading">
  64.                             {{ 'ott.checkout.usp2Headline'|trans|striptags|raw }}
  65.                         </div>
  66.                         <div class="ott-checkout-usp-text">
  67.                             {{ 'ott.checkout.usp2Text'|trans|striptags|raw }}
  68.                         </div>
  69.                     </div>
  70.                 </div>
  71.                 <div class="ott-checkout-usp-element">
  72.                     <div class="ott-checkout-usp-icon">
  73.                         {% sw_icon 'return-down-back-outline' style {
  74.                             'namespace': 'OttMoebelfirstTheme',
  75.                             'pack': 'moebelfirst',
  76.                         } %}
  77.                     </div>
  78.                     <div class="ott-checkout-usp-text-wrapper">
  79.                         <div class="ott-checkout-usp-heading">
  80.                             {{ 'ott.checkout.usp3Headline'|trans|striptags|raw }}
  81.                         </div>
  82.                         <div class="ott-checkout-usp-text">
  83.                             {{ 'ott.checkout.usp3Text'|trans|striptags|raw }}
  84.                         </div>
  85.                     </div>
  86.                 </div>
  87.             </div>
  88.         {% endif %}
  89.     {% endblock %}
  91.     {# Delivery info modal #}
  92.     <div id="ott-delivery-info-modal" class="modal fade" tabindex="-1" role="dialog">
  93.         <div class="modal-dialog" role="document">
  94.             <div class="modal-content">
  95.                 <div class="modal-header only-close">
  96.                     {# @deprecated tag:v6.5.0 - h5 will be changed to div because it causes incorrect semantics on all pages which include pseudo-modal.html.twig #}
  97.                     {% if feature('V6_5_0_0') %}
  98.                         <div class="modal-title js-pseudo-modal-template-title-element h5">
  99.                             {{ 'ott.deliveryInfoModal.headline'|trans }}
  100.                         </div>
  101.                     {% else %}
  102.                         <h5 class="modal-title js-pseudo-modal-template-title-element">
  103.                             {{ 'ott.deliveryInfoModal.headline'|trans }}
  104.                         </h5>
  105.                     {% endif %}
  107.                     <button type="button"
  108.                             class="{{ modalCloseBtnClass }} close"
  109.                             {{ dataBsDismissAttr }}="modal"
  110.                             aria-label="Close"
  111.                     >
  112.                     {% block product_detail_zoom_modal_close_button_content %}
  113.                         {# @deprecated tag:v6.5.0 - Bootstrap v5 creates "x" symbol automatically via SVG background #}
  114.                         {% if not feature('v6.5.0.0') %}
  115.                             <span aria-hidden="true">
  116.                                 {% sw_icon 'x' style { 'size': 'sm' } %}
  117.                             </span>
  118.                         {% endif %}
  119.                     {% endblock %}
  120.                     </button>
  121.                 </div>
  123.                 <div class="modal-body js-pseudo-modal-template-content-element text-center">
  124.                     {{ 'ott.deliveryInfoModal.content'|trans }}
  125.                 </div>
  126.             </div>
  127.         </div>
  128.     </div>
  129. {% endblock %}