custom/plugins/HoggiTheme/src/Resources/views/storefront/base.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  2. {% block base_navigation %}{% endblock %}
  3. {% block base_header_inner %}
  4.     {% sw_include '@Storefront/storefront/emz/header/header.html.twig' %}
  5. {% endblock %}
  7. {% block base_footer %}
  8.     <footer class="footer-main">
  9.         {% block base_footer_inner %}
  10.             {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  11.         {% endblock %}
  12.     </footer>
  13. {% endblock %}
  16. {% block base_body %}
  17.     {{ parent(base_body) }}
  19.     {% if controllerName != "Register" and controllerName != "Checkout" %}
  20.         {% block layout_footer_smartphone %}
  21.             <footer data-emzscrollup id="emz-sticky-sm-footer" class="emz-sticky-sm-footer">
  22.                 <div class="container">
  23.                     <nav class="row emz-sticky-sm-footer-nav">
  24.                         <button type="button" aria-label="searchButton" class="justify-content-center emz-btn-modal btn btn-primary" data-toggle="modal" data-target="#searchmodal">
  25.                             {% sw_icon 'search' %}
  26.                         </button>
  27.                         <button type="button" aria-label="accountButton" class="justify-content-center emz-btn-modal btn btn-primary" data-toggle="modal" data-target="#accountmodal">
  28.                             {% sw_icon 'avatar' %}
  29.                         </button>
  30.                     </nav>
  31.                 </div>
  32.             </footer>
  33.         {% endblock %}
  36.         {% block base_modals %}
  37.             <!-- Modal -->
  38.             <div class="modal fade" data-backdrop="true" id="accountmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  39.                 <div class="modal-dialog emz-modal" role="document">
  40.                     <div class="modal-content">
  41.                         <div class="emz-modal-header">
  42.                             <button type="button" class="btn" data-dismiss="modal">
  43.                                 <span>{% sw_icon 'x' %}</span>
  44.                             </button>
  45.                         </div>
  46.                         <div class="modal-body">
  47.                             <div class="account-menu-login">
  48.                                 {% if context.customer %}
  49.                                     {% block layout_header_actions_account_widget_dropdown_header %}
  50.                                         <div class="dropdown-header account-menu-header">
  51.                                             {{ "account.myAccount"|trans|sw_sanitize }}
  52.                                         </div>
  53.                                     {% endblock %}
  54.                                     {% block layout_header_actions_account_widget_dropdown_links %}
  55.                                         <div class="account-menu-links">
  56.                                             {% sw_include '@Storefront/storefront/page/account/sidebar.html.twig' with {'headerWidget': true} %}
  57.                                         </div>
  58.                                     {% endblock %}
  59.                                 {% else %}
  60.                                     <a href="{{ path('frontend.account.login.page') }}" title="{{ "account.loginSubmit"|trans|striptags }}" class="btn btn-primary account-menu-login-button">
  61.                                         {{ "account.loginSubmit"|trans|sw_sanitize }}
  62.                                     </a>
  63.                                     <div class="account-menu-register">
  64.                                         {{ "account.orRegister"|trans|sw_sanitize }}
  65.                                         <a href="{{ path('frontend.account.login.page') }}" title="{{ "account.orRegisterLink"|trans|striptags }}">{{ "account.orRegisterLink"|trans|striptags }}</a>
  66.                                     </div>
  67.                                 {% endif %}
  69.                             </div>
  70.                         </div>
  71.                     </div>
  72.                 </div>
  73.             </div>
  75.             <div class="modal fade" data-backdrop="true" id="searchmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  76.                 <div class="modal-dialog emz-modal" role="document">
  77.                     <div class="modal-content">
  78.                         <div class="emz-modal-header">
  79.                             <button type="button" class="btn" data-dismiss="modal">
  80.                                 <span>{% sw_icon 'x' %}</span>
  81.                             </button>
  82.                         </div>
  83.                         <div class="modal-body">
  84.                             <div class="emz-footer-search">
  85.                                 <form action="{{ path('frontend.search.page') }}" method="get" data-search-form="true" data-url="{{ path('frontend.search.suggest') }}?search=" class="header-search-form">
  86.                                     {% block layout_footer_search_input_group %}
  87.                                         <div class="input-group">
  88.                                             {% block layout_header_search_input %}
  89.                                                 <input autofocus type="search" name="search" class="form-control header-search-input" autocomplete="off" autocapitalize="off" placeholder="{{ "header.searchPlaceholder"|trans|striptags }}" aria-label="{{ "header.searchPlaceholder"|trans|striptags }}" maxlength="30" value="{{ page.searchTerm }}">
  90.                                             {% endblock %}
  92.                                             {% block layout_footer_search_button %}
  93.                                                 <div class="input-group-append">
  94.                                                     <button type="submit" class="btn header-search-btn" aria-label="{{ "header.searchButton"|trans|striptags }}">
  95.                                                         <span class="header-search-icon">
  96.                                                             {% sw_icon 'search' %}
  97.                                                         </span>
  98.                                                     </button>
  99.                                                 </div>
  100.                                             {% endblock %}
  101.                                         </div>
  102.                                     {% endblock %}
  103.                                 </form>
  104.                             </div>
  105.                         </div>
  106.                     </div>
  107.                 </div>
  108.             </div>
  110.         {% endblock %}
  111.     {% endif %}
  112. {% endblock %}
  114. {% block base_body_script %}
  115.     {{ parent() }}
  117.     <script>
  118.         (function () {
  119.             const newHtml =
  120.                     'Vielen Dank für Ihre Anfrage.<br><br>' +
  121.                     'Wir haben Ihre Anfrage erhalten und werden uns so schnell wie möglich mit Ihnen in Verbindung setzen.<br>' +
  122.                     'Die Freischaltung erfolgt manuell. Bitte beachten Sie unsere Öffnungszeiten.<br><br>' +
  123.                     '<b>Mo - Do</b><br> 08:00 - 12:00 Uhr, 13:00 - 16:00 Uhr <br><br> ' +
  124.                     '<b>Fr</b><br> 08:00 - 12:00 Uhr';
  126.             const matches = (el) => {
  127.                 const t = (el.textContent || "")
  128.                         .replace(/\s+/g, " ")
  129.                         .trim()
  130.                         .toLowerCase();
  132.                 return (
  133.                         t.includes("vielen dank für ihre anfrage") &&
  134.                         t.includes("wir haben ihre anfrage erhalten") &&
  135.                         t.includes("freischaltung erfolgt manuell") &&
  136.                         t.includes("öffnungszeiten")
  137.                 );
  138.             };
  140.             let obs = null;
  141.             let scheduled = false;
  143.             const apply = () => {
  144.                 scheduled = false;
  146.                 const messages = document.querySelectorAll('div[id^="period-request-form-success-message-"]');
  147.                 if (!messages.length) return;
  149.                 messages.forEach((msg) => {
  150.                     if (msg.dataset.emzSuccessAdjusted === "1") return;
  151.                     if (!matches(msg)) return;
  153.                     if (obs) obs.disconnect();
  155.                     msg.classList.add("p-3", "text-center");
  156.                     msg.innerHTML = newHtml;
  157.                     msg.dataset.emzSuccessAdjusted = "1";
  159.                     if (obs) obs.observe(document.body, { childList: true, subtree: true });
  160.                 });
  161.             };
  163.             const scheduleApply = () => {
  164.                 if (scheduled) return;
  165.                 scheduled = true;
  166.                 setTimeout(apply, 100);
  167.             };
  169.             const start = () => {
  170.                 apply();
  171.                 obs = new MutationObserver(scheduleApply);
  172.                 obs.observe(document.body, { childList: true, subtree: true });
  173.             };
  175.             if (document.readyState === "loading") {
  176.                 document.addEventListener("DOMContentLoaded", start);
  177.             } else {
  178.                 start();
  179.             }
  180.         })();
  181.     </script>
  182. {% endblock %}