src/Storefront/Resources/views/storefront/base.html.twig line 1

  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 %}
  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-{% if controllerName is not empty %}{{ controllerName|lower }}{% endif %} is-act-{% if controllerAction is not empty %}{{ controllerAction|lower }}{% endif %}{% 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.                     iconCache: false
  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 %}
  42.         {% block base_navigation %}
  43.             <div class="nav-main">
  44.                 {% block base_navigation_inner %}
  45.                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  46.                 {% endblock %}
  47.             </div>
  48.         {% endblock %}
  50.         {% block base_offcanvas_navigation %}
  51.             {% if page.header.navigation %}
  52.                 <div class="d-none js-navigation-offcanvas-initial-content{% if context.salesChannel.navigationCategoryId == page.header.navigation.active.id %} is-root{% endif %}">
  53.                     {% block base_offcanvas_navigation_inner %}
  54.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
  55.                     {% endblock %}
  56.                 </div>
  57.             {% endif %}
  58.         {% endblock %}
  60.         {% block base_main %}
  61.             <main class="content-main">
  62.                 {% block base_flashbags %}
  63.                     <div class="flashbags container">
  64.                         {% for type, messages in app.flashes %}
  65.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  66.                         {% endfor %}
  67.                     </div>
  68.                 {% endblock %}
  70.                 {% block base_main_inner %}
  71.                     <div class="container">
  72.                         {% block base_main_container %}
  73.                             <div class="container-main">
  74.                                 {% block base_breadcrumb %}
  75.                                     {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  76.                                         context: context,
  77.                                         category: page.product.seoCategory
  78.                                     } only %}
  79.                                 {% endblock %}
  81.                                 {% block base_content %}{% endblock %}
  82.                             </div>
  83.                         {% endblock %}
  84.                     </div>
  85.                 {% endblock %}
  86.             </main>
  87.         {% endblock %}
  89.         {% block base_footer %}
  90.             <footer class="footer-main">
  91.                 {% block base_footer_inner %}
  92.                     {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  93.                 {% endblock %}
  94.             </footer>
  95.         {% endblock %}
  96.     {% endblock %}
  98.     {% block base_scroll_up %}
  99.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  100.     {% endblock %}
  102.     {% block base_cookie_permission %}
  103.         {% sw_include '@Storefront/storefront/layout/cookie/cookie-permission.html.twig' %}
  104.     {% endblock %}
  106.     {% block base_pseudo_modal %}
  107.         {% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
  108.     {% endblock %}
  110.     {% block base_body_script %}
  111.     {% endblock %}
  112.     </body>
  113. {% endblock %}
  114. </html>