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

Open in your IDE?
  1. {# Set variable to "true" to enable HMR (hot page reloading) mode #}
  2. {% set isHMRMode = app.request.headers.get('hot-reload-mode') and app.environment == 'dev' %}
  4. {% block base_doctype %}
  5. <!DOCTYPE html>
  6. {% endblock %}
  8. {% block base_html %}
  9. <html lang="{{ page.header.activeLanguage.translationCode.code }}"
  10.       itemscope="itemscope"
  11.       itemtype="https://schema.org/WebPage">
  12. {% endblock %}
  13. {% block base_head %}
  14.     {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  15. {% endblock %}
  17. {% block base_body %}
  18.     <body id="body" class="{% block base_body_classes %}is-ctl-{% if controllerName is not empty %}{{ controllerName|lower }}{% endif %} is-act-{% if controllerAction is not empty %}{{ controllerAction|lower }}{% endif %}{% endblock %}">
  20.     {% block base_body_inner %}
  21.         {% block base_noscript %}
  22.             <noscript class="noscript-main">
  23.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  24.                     type: 'info',
  25.                     content: 'general.noscriptNotice'|trans|sw_sanitize
  26.                 } %}
  27.             </noscript>
  28.         {% endblock %}
  30.         {% block base_header %}
  31.             <header class="header-main">
  32.                 {% block base_header_inner %}
  33.                     <div class="container">
  34.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  35.                     </div>
  36.                 {% endblock %}
  37.             </header>
  38.         {% endblock %}
  41.         {% block base_offcanvas_navigation %}
  42.             {% if page.header.navigation %}
  43.                 <div class="d-none js-navigation-offcanvas-initial-content{% if context.salesChannel.navigationCategoryId == page.header.navigation.active.id %} is-root{% endif %}">
  44.                     {% block base_offcanvas_navigation_inner %}
  45.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
  46.                     {% endblock %}
  47.                 </div>
  48.             {% endif %}
  49.         {% endblock %}
  51.         {% block base_main %}
  52.             <main class="content-main">
  55.                 {% block base_flashbags %}
  56.                     <div class="flashbags container">
  57.                         {% for type, messages in app.flashes %}
  58.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  59.                         {% endfor %}
  60.                     </div>
  61.                 {% endblock %}
  63.                 {% block base_main_inner %}
  65.                     <div class="container">
  67.                         {% block base_main_container %}
  68.                             <div class="container-main">
  70.                                 {% block base_breadcrumb %}
  71.                                     {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  72.                                         context: context,
  73.                                         category: page.product.seoCategory
  74.                                     } only %}
  75.                                 {% endblock %}
  77.                                 {% block base_content %}{% endblock %}
  78.                             </div>
  79.                         {% endblock %}
  80.                     </div>
  81.                 {% endblock %}
  82.             </main>
  83.         {% endblock %}
  85.         {% block base_footer %}
  86.             <footer class="footer-main">
  87.                 {% block base_footer_inner %}
  88.                     {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  89.                 {% endblock %}
  90.             </footer>
  91.         {% endblock %}
  92.     {% endblock %}
  94.     {% block base_scroll_up %}
  95.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  96.     {% endblock %}
  98.     {% block base_cookie_permission %}
  99.         {% sw_include '@Storefront/storefront/layout/cookie/cookie-permission.html.twig' %}
  100.     {% endblock %}
  102.     {% block base_pseudo_modal %}
  103.         {% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
  104.     {% endblock %}
  106.     {% block base_body_script %}
  107.         {% if not feature('FEATURE_NEXT_15917') %}
  109.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_token` instead #}
  110.             {% block base_script_token %}
  111.             {% endblock %}
  113.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_router` instead #}
  114.             {% block base_script_router %}
  115.                 {# Register all routes that will be needed in JavaScript to the window.router object #}
  116.                 <script>
  117.                     window.activeNavigationId = '{{ page.header.navigation.active.id }}';
  118.                     window.router = {
  119.                         'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
  120.                         'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
  121.                         'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
  122.                         'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
  123.                         'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
  124.                         'frontend.cms.page': '{{ path('frontend.cms.page') }}',
  125.                         'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
  126.                         'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
  127.                         'frontend.csrf.generateToken': '{{ path('frontend.csrf.generateToken') }}',
  128.                         'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
  129.                         'frontend.store-api.proxy': '{{ path('frontend.store-api.proxy') }}',
  130.                     };
  131.                     window.storeApiProxyToken = '{{ sw_csrf("frontend.store-api.proxy", {"mode": "token"}) }}';
  132.                     window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
  133.                 </script>
  134.             {% endblock %}
  136.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_breakpoints` instead #}
  137.             {% block base_script_breakpoints %}
  138.                 {# Register the available viewport breakpoints the window.breakpoints object #}
  139.                 <script>
  140.                     {% set breakpoint = {
  141.                         'xs': theme_config('breakpoint.xs'),
  142.                         'sm': theme_config('breakpoint.sm'),
  143.                         'md': theme_config('breakpoint.md'),
  144.                         'lg': theme_config('breakpoint.lg'),
  145.                         'xl': theme_config('breakpoint.xl')
  146.                     } %}
  148.                     {# @deprecated tag:v6.5.0 - Bootstrap v5 adds xxl breakpoint #}
  149.                     {% if feature('v6.5.0.0') %}
  150.                         {% set breakpoint = breakpoint|merge({
  151.                             'xxl': theme_config('breakpoint.xxl')
  152.                         }) %}
  153.                     {% endif %}
  155.                     window.breakpoints = {{ breakpoint|json_encode()|raw }};
  156.                 </script>
  157.             {% endblock %}
  159.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_csrf` instead #}
  160.             {% block base_script_csrf %}
  161.                 <script>
  162.                     window.csrf = {
  163.                         'enabled': '{{ shopware.csrfEnabled }}',
  164.                         'mode': '{{ shopware.csrfMode }}'
  165.                     }
  166.                 </script>
  167.             {% endblock %}
  169.             {% if config('core.cart.wishlistEnabled') %}
  170.                 {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_wishlist_state` instead #}
  171.                 {% block base_script_wishlist_state %}
  172.                     <script>
  173.                         window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
  175.                         window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
  176.                     </script>
  177.                 {% endblock %}
  178.             {% endif %}
  180.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_jquery` instead #}
  181.             {% block base_script_jquery %}
  182.             {% endblock %}
  184.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_hmr_mode` instead #}
  185.             {% block base_script_hmr_mode %}
  186.                 {% if isHMRMode %}
  187.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js"></script>
  188.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js"></script>
  189.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js"></script>
  190.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js"></script>
  191.                     {# The storefront entry is a combined entry point which contains all plugins & themes #}
  192.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js"></script>
  193.                 {% else %}
  194.                     {% for file in theme_config('assets.js') %}
  195.                         <script type="text/javascript" src="{{ asset(file, 'theme') }}"></script>
  196.                     {% endfor %}
  197.                 {% endif %}
  198.             {% endblock %}
  199.         {% endif %}
  200.     {% endblock %}
  203.     <div id='overlaybackground' class='open-overlay' style="display: none;"></div>
  204.     <div id="overlaycontent" class="slide-in-top" style="display: none;"></div>
  206.     <script>
  208.         $("#overlaybackground").click(function(){
  209.             $("#overlaycontent").hide();
  210.             $("#overlaybackground").hide();
  211.             $("body").css("overflow", "visible");
  212.         });
  214.     </script>
  217.     </body>
  218. {% endblock %}
  219. </html>