custom/plugins/EmovaTheme/src/Resources/views/storefront/page/checkout/_pageforcart.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {% block base_flashbags %}{% endblock %}
  5. {% block base_content %}
  6.     {% block page_checkout %}
  7.         <div class="checkout">
  8.             {% block page_checkout_container %}
  9.                 <div class="checkout-container">
  10.                     {% block page_checkout_main %}
  11.                         <div id="checkout-main" class="checkout-main">
  12.                             {% block page_checkout_main_header %}{%  endblock %}
  13.                             <div class="checkout-main-inner">
  14.                             {# {% block base_flashbags_checkout %}
  15.                                 <div class="flashbags">
  16.                                     {% for type, messages in app.flashes %}
  17.                                         {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  18.                                     {% endfor %}
  19.                                 </div>
  20.                             {% endblock %} #}
  22.                             {% block page_checkout_main_content %}{% endblock %}
  25.                                     {% block page_checkout_aside_actions %}{% endblock %}
  26.                             </div>
  27.                         </div>
  28.                     {% endblock %}
  30.                     {% block page_checkout_additional %}{% endblock %}
  32.                 </div>
  33.             {% endblock %}
  34.         </div>
  35.     {% endblock %}
  37. {#
  39.                             <div style="width: 630px; height: auto; background-color: white; margin:0 auto; padding: 20px;">
  40. {% set mainProduct = page.product %}
  41.             {% sw_include '@Storefront/storefront/page/product-detail/product-detail-info2.html.twig' with {
  42.                     mainLineItem: null ,
  43.                     upsellLineItem: null,
  44.                     mainProduct: mainProduct
  45.                 } %}
  47.                                 </div>
  49.                             <div style="width: 630px; height: auto; background-color: white; margin:0 auto; padding: 20px;">
  50.                                 <div class="almarenaRegular main-title">
  51.                                     Wohin sollen wir liefern?
  52.                                 </div>
  53.                                 <div style="margin-bottom: 15px;">
  54.                                     <div>
  55.                                         <p class="almarenaRegular sub-title">
  56.                                             Pflichtfelder* <br> Tragen Sie ihre Lieferadresse ein.
  57.                                         </p>
  58.                                     </div>
  59.                                      {% block component_address_personal_fields_salutation_title %}
  61.                                         {% block component_address_personal_fields_salutation %}
  62.                                             {% block component_address_form_salutation_select %}
  63.                                                 <div class="custom-dropdown" style="max-width: 500px;">
  64.                                                     <select id="{{ idPrefix ~ prefix }}personalSalutation1"
  65.                                                             class="{{ formSelectClass }}{% if formViolations.getViolations('/salutationId') is not empty %} is-invalid{% endif %}"
  66.                                                             name="ev-address-title"
  67.                                                             required="required" style="margin-bottom: 20px !important; border:2px solid #4E5055 !important">
  68.                                                         {% if not data.get('salutationId') %}
  69.                                                             <option disabled="disabled"
  70.                                                                     selected="selected"
  71.                                                                     value="">
  72.                                                                 {{ "account.personalSalutationPlaceholder"|trans|sw_sanitize }}
  73.                                                             </option>
  74.                                                         {% endif %}
  75.                                                         {% for salutation in page.salutations %}
  76.                                                             <option {% if salutation.id == data.get('salutationId') %}
  77.                                                                 selected="selected"
  78.                                                             {% endif %}
  79.                                                                     value="{{ salutation.id }}">
  80.                                                                 {{ salutation.translated.displayName }}
  81.                                                             </option>
  82.                                                         {% endfor %}
  83.                                                     </select>
  84.                                                 </div>
  85.                                             {% endblock %}
  86.                                         {% endblock %}
  87.                                     {% endblock %}
  88.                                     <div style="margin-bottom: 15px;">
  89.                                         <input name="ev-address-firstname" class="resizable-input original-width" placeholder="Vorname*" type="text">
  90.                                     </div>
  91.                                     <div style="margin-bottom: 15px;">
  92.                                         <input name="ev-address-name" class="resizable-input original-width" placeholder="Name*" type="text">
  93.                                     </div>
  95.                                     <div>
  96.                                         <input name="ev-address-street" class="resizable-input original-width" placeholder="Strasse*" type="text">
  97.                                     </div>
  98.                                 </div>
  99.                                 <div style="margin-bottom: 15px;">
  100.                                     <input name="ev-address-housenumber" class="resizable-input original-width" placeholder="Hausnummer*" type="text" >
  101.                                 </div>
  102.                                 <div>
  103.                                     <input name="ev-address-aditional" class="resizable-input original-width" placeholder="Zusatzinformation" type="text">
  104.                                 </div>
  105.                                 <div style="width: 500px; margin-bottom:40px; margin-top:40px">
  106.                                     <button id="goBackButton" type="button" class="button-zuruck">ZURÜCK</button>
  108.                                      <div style="width: 206px !important; float: right;">
  109.                                         {% block page_checkout_cart_action_proceed %}{% endblock %}
  110.                                      </div>
  112.                                 </div>
  113.                             </div>
  114.                         </div>
  115.                     {% endblock %}
  117.                     {% block page_checkout_additional %}{% endblock %}
  119.                 </div>
  120.             {% endblock %}
  121.         </div>
  122.     {% endblock %}
  123. #}
  125.     <script>
  126.         (()=>{
  127.             const myInterval = setInterval(()=>{
  128.                 if (!window.$) return;
  129.                 clearInterval(myInterval);
  130.                 $(() => {
  131.                     $("#checkout-aside").toggle(window.location.pathname !== "/checkout/register");
  133.                     function handleMediaQueryChange(mq) {
  134.                         const path = window.location.pathname;
  135.                         if (mq.matches)
  136.                         {
  137.                             if ( path.indexOf("checkout/register") > -1 || path.indexOf("checkout/confirm") > -1)   {
  138.                                 $(".checkout-main-inner").show();
  139.                             }
  140.                         }
  141.                     }
  142.                     const mq = window.matchMedia("(min-width: 768px)");
  144.                     // Call the function on page load
  145.                     handleMediaQueryChange(mq);
  147.                     // Attach a listener to handle changes
  148.                     mq.addEventListener("change", handleMediaQueryChange)
  150.                     $("#goBackButton").click(()=>window.history.back());
  151.                 });
  152.             }, 100);
  153.         })();
  155.     </script>
  156. {% endblock %}