vendor/shopware/platform/src/Storefront/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="{{ app.request.locale }}"
  10.       itemscope="itemscope"
  11.       itemtype="https://schema.org/WebPage">
  12. {% endblock %}
  14. {% block base_head %}
  15.     {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  16. {% endblock %}
  18. {% block base_body %}
  19.     <body class="{% block base_body_classes %}is-ctl-{{ controllerName|lower }} is-act-{{ controllerAction|lower }}{% endblock %}">
  21.     {% block base_body_inner %}
  22.         {% block base_noscript %}
  23.             <noscript class="noscript-main">
  24.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  25.                     type: 'info',
  26.                     content: 'general.noscriptNotice'|trans|sw_sanitize
  27.                 } %}
  28.             </noscript>
  29.         {% endblock %}
  31.         {% block base_header %}
  32.             <header class="header-main">
  33.                 {% block base_header_inner %}
  34.                     <div class="container">
  35.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  36.                     </div>
  37.                 {% endblock %}
  38.             </header>
  39.         {% endblock %}
  41.         {% block base_navigation %}
  42.             <div class="nav-main">
  43.                 {% block base_navigation_inner %}
  44.                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  45.                 {% endblock %}
  46.             </div>
  47.         {% endblock %}
  49.         {% block base_offcanvas_navigation %}
  50.             {% if page.header.navigation %}
  51.                 <div class="d-none js-navigation-offcanvas-initial-content">
  52.                     {% block base_offcanvas_navigation_inner %}
  53.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
  54.                     {% endblock %}
  55.                 </div>
  56.             {% endif %}
  57.         {% endblock %}
  59.         {% block base_main %}
  60.             <main class="content-main">
  61.                 {% block base_flashbags %}
  62.                     <div class="flashbags container">
  63.                         {% for type, messages in app.flashes %}
  64.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  65.                         {% endfor %}
  66.                     </div>
  67.                 {% endblock %}
  69.                 {% block base_main_inner %}
  70.                     <div class="container">
  71.                         {% block base_main_container %}
  72.                             <div class="container-main">
  73.                                 {% block base_breadcrumb %}
  74.                                     {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  75.                                         context: context,
  76.                                         category: page.product.seoCategory
  77.                                     } only %}
  78.                                 {% endblock %}
  80.                                 {% block base_content %}{% endblock %}
  81.                             </div>
  82.                         {% endblock %}
  83.                     </div>
  84.                 {% endblock %}
  85.             </main>
  86.         {% endblock %}
  88.         {% block base_footer %}
  89.             <footer class="footer-main">
  90.                 {% block base_footer_inner %}
  91.                     {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  92.                 {% endblock %}
  93.             </footer>
  94.         {% endblock %}
  95.     {% endblock %}
  97.     {% block base_scroll_up %}
  98.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  99.     {% endblock %}
  101.     {% block base_cookie_permission %}
  102.         {% sw_include '@Storefront/storefront/layout/cookie/cookie-permission.html.twig' %}
  103.     {% endblock %}
  105.     {% block base_pseudo_modal %}
  106.         {% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
  107.     {% endblock %}
  109.     {% block base_body_script %}
  110.         {% block base_script_token %}
  111.         {% endblock %}
  113.         {% block base_script_router %}
  114.             {# Register all routes that will be needed in JavaScript to the window.router object #}
  115.             <script>
  116.                 window.activeNavigationId = '{{ page.header.navigation.active.id }}';
  117.                 window.router = {
  118.                     'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
  119.                     'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
  120.                     'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
  121.                     'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
  122.                     'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
  123.                     'frontend.cms.page': '{{ path('frontend.cms.page') }}',
  124.                     'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
  125.                     'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
  126.                     'frontend.csrf.generateToken': '{{ path('frontend.csrf.generateToken') }}',
  127.                     'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
  128.                     'frontend.store-api.proxy': '{{ path('frontend.store-api.proxy') }}',
  129.                 };
  130.                 window.storeApiProxyToken = '{{ sw_csrf("frontend.store-api.proxy", {"mode": "token"}) }}';
  131.                 window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
  132.             </script>
  133.         {% endblock %}
  135.         {% block base_script_breakpoints %}
  136.             {# Register the available viewport breakpoints the window.breakpoints object #}
  137.             <script>
  138.                 {% set breakpoint = {
  139.                     'xs': theme_config('breakpoint.sm'),
  140.                     'sm': theme_config('breakpoint.md'),
  141.                     'md': theme_config('breakpoint.lg'),
  142.                     'lg': theme_config('breakpoint.xl')
  143.                 } %}
  145.                 window.breakpoints = {{ breakpoint|json_encode()|raw }};
  146.             </script>
  147.         {% endblock %}
  149.         {% block base_script_csrf %}
  150.             <script>
  151.                 window.csrf = {
  152.                     'enabled': '{{ shopware.csrfEnabled }}',
  153.                     'mode': '{{ shopware.csrfMode }}'
  154.                 }
  155.             </script>
  156.         {% endblock %}
  158.         {% if config('core.cart.wishlistEnabled') %}
  159.             {% block base_script_wishlist_state %}
  160.                 <script>
  161.                     window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
  163.                     window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
  164.                 </script>
  165.             {% endblock %}
  166.         {% endif %}
  168.         {% block base_script_hmr_mode %}
  169.             {% if isHMRMode %}
  170.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js"></script>
  171.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js"></script>
  172.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js"></script>
  173.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js"></script>
  174.                 {# The storefront entry is a combined entry point which contains all plugins & themes #}
  175.                 <script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js"></script>
  176.             {% else %}
  177.                 {% for file in theme_config('assets.js') %}
  178.                     <script type="text/javascript" src="{{ asset(file, 'theme') }}" async></script>
  179.                 {% endfor %}
  180.             {% endif %}
  181.         {% endblock %}
  182.     {% endblock %}
  183.     </body>
  184. {% endblock %}
  185. </html>