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

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  3. {# Set variable to "true" to enable HMR (hot page reloading) mode #}
  4. {% set isHMRMode = app.request.headers.get('hot-reload-mode') and app.environment == 'dev' %}
  6. {% block base_doctype %}
  7. <!DOCTYPE html>
  8. {% endblock %}
  10. {% block base_html %}
  11. <html lang="{{ page.header.activeLanguage.translationCode.code }}"
  12.       itemscope="itemscope"
  13.       itemtype="https://schema.org/WebPage">
  14. {% endblock %}
  16. {% block base_head %}
  17.     {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  18. {% endblock %}
  20. {% block base_body %}
  21.     <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 %}">
  22.     {% block base_body_inner %}
  23.         {% block base_noscript %}
  24.             <noscript class="noscript-main">
  25.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  26.                     type: 'info',
  27.                     content: 'general.noscriptNotice'|trans|sw_sanitize
  28.                 } %}
  29.             </noscript>
  30.         {% endblock %}
  32.         {% block base_header %}
  33.             <header class="header-main">
  34.                 {% block base_header_inner %}
  35.                     <div class="container">
  36.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  37.                     </div>
  38.                 {% endblock %}
  39.             </header>
  40.         {% endblock %}
  43.             {% block base_main %}
  44.                     <main class="content-main">
  45.                             {% block base_flashbags %}
  46.                                     <div class="flashbags container">
  47.                                             {% for type, messages in app.flashes %}
  48.                                                     {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  49.                                             {% endfor %}
  50.                                     </div>
  51.                             {% endblock %}
  53.                             {% block base_main_inner %}
  54.                                 <div class="container">
  55.                                     {% block base_main_container %}
  56.                                         <div class="container-main">
  57.                                             {% block base_breadcrumb %}
  58.                                                 {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  59.                                                     context: context,
  60.                                                     category: page.product.seoCategory
  61.                                                 } only %}
  62.                                             {% endblock %}
  63.                                             {% block base_content %}{% endblock %}
  64.                                         </div>
  65.                                     {% endblock %}
  66.                                 </div>
  67.                             {% endblock %}
  68.                     </main>
  69.             {% endblock %}
  71.         {% block base_footer %}
  72.             <footer class="footer-main">
  73.                 {% block base_footer_inner %}
  74.                     {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  75.                 {% endblock %}
  76.             </footer>
  77.         {% endblock %}
  79.     {% endblock %}
  81.     {% block base_scroll_up %}
  82.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  83.     {% endblock %}
  85.     {% block base_cookie_permission %}
  86.         {% sw_include '@Storefront/storefront/layout/cookie/cookie-permission.html.twig' %}
  87.     {% endblock %}
  89.     {% block base_pseudo_modal %}
  90.         {% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
  91.     {% endblock %}
  93.     {% block base_body_script %}
  94.         {% if not feature('FEATURE_NEXT_15917') %}
  96.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_token` instead #}
  97.             {% block base_script_token %}
  98.             {% endblock %}
  100.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_router` instead #}
  101.             {% block base_script_router %}
  102.             {# Register all routes that will be needed in JavaScript to the window.router object #}
  103.             <script>
  104.                 window.activeNavigationId = '{{ page.header.navigation.active.id }}';
  105.                 window.router = {
  106.                     'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
  107.                     'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
  108.                     'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
  109.                     'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
  110.                     'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
  111.                     'frontend.cms.page': '{{ path('frontend.cms.page') }}',
  112.                     'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
  113.                     'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
  114.                     'frontend.csrf.generateToken': '{{ path('frontend.csrf.generateToken') }}',
  115.                     'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
  116.                     'frontend.store-api.proxy': '{{ path('frontend.store-api.proxy') }}',
  117.                 };
  118.                 window.storeApiProxyToken = '{{ sw_csrf("frontend.store-api.proxy", {"mode": "token"}) }}';
  119.                 window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
  120.             </script>
  121.             {% endblock %}
  123.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_breakpoints` instead #}
  124.             {% block base_script_breakpoints %}
  125.             {# Register the available viewport breakpoints the window.breakpoints object #}
  126.             <script>
  127.                 {% set breakpoint = {
  128.                     'xs': theme_config('breakpoint.xs'),
  129.                     'sm': theme_config('breakpoint.sm'),
  130.                     'md': theme_config('breakpoint.md'),
  131.                     'lg': theme_config('breakpoint.lg'),
  132.                     'xl': theme_config('breakpoint.xl')
  133.                 } %}
  134.                 {# @deprecated tag:v6.5.0 - Bootstrap v5 adds xxl breakpoint #}
  135.                 {% if feature('v6.5.0.0') %}
  136.                 {% set breakpoint = breakpoint|merge({
  137.                     'xxl': theme_config('breakpoint.xxl')
  138.                 }) %}
  139.                 {% endif %}
  140.                 window.breakpoints = {{ breakpoint|json_encode()|raw }};
  141.             </script>
  142.             {% endblock %}
  144.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_csrf` instead #}
  145.             {% block base_script_csrf %}
  146.             <script>
  147.                 window.csrf = {
  148.                     'enabled': '{{ shopware.csrfEnabled }}',
  149.                     'mode': '{{ shopware.csrfMode }}'
  150.                 }
  151.             </script>
  152.             {% endblock %}
  154.         {% if config('core.cart.wishlistEnabled') %}
  155.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_wishlist_state` instead #}
  156.             {% block base_script_wishlist_state %}
  157.             <script>
  158.                 window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
  159.                 window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
  160.             </script>
  161.             {% endblock %}
  162.         {% endif %}
  164.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_jquery` instead #}
  165.             {% block base_script_jquery %}
  166.             {% endblock %}
  168.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_hmr_mode` instead #}
  169.             {% block base_script_hmr_mode %}
  170.         {% if isHMRMode %}
  171.             <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js"></script>
  172.             <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js"></script>
  173.             <script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js"></script>
  174.             <script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js"></script>
  175.             {# The storefront entry is a combined entry point which contains all plugins & themes #}
  176.             <script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js"></script>
  177.         {% else %}
  178.             {% for file in theme_config('assets.js') %}
  179.             <script type="text/javascript" src="{{ asset(file, 'theme') }}"></script>
  180.             {% endfor %}
  181.         {% endif %}
  182.             {% endblock %}
  183.         {% endif %}
  184.     {% endblock %}
  185.     </body>
  186. {% endblock %}