custom/plugins/ShopWithMeUI/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 %}
  14. {% block base_head %}
  15.     {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  16.     
  17.     <link rel="stylesheet" href="{{ asset('bundles/shopwithmeui/css/animate.min.css') }}">
  18. {% endblock %}
  20. {% set selectedLanguage = (page.header.activeLanguage.translationCode.code ?: app.request.locale)|lower|split('-')[0] %}
  22. {% block base_body %}
  23.     {% set isVideoStar = app.request.get('_route') == 'frontend.daily.ranking' %}
  24.     {% set isSave4More = app.request.get('_route') == 'frontend.save4more.home' or app.request.get('_route') == 'frontend.save4more.terms' %}
  25.     <body 
  26.     data-customerName="{{ context.customer.firstName|default('') ~ ' ' ~ context.customer.lastName|default('') }}"
  27.     data-customerEmail="{{ context.customer.email|default('') }}"
  28.     data-csrfGetToken="{{ path('frontend.csrf.get_token') }}"
  29.     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 %}">
  31.     <div id="check-user-logged" is-logged="{{context.customer.id}}"></div>
  32.     <div id="data-currency" data-currency="{{context.currency.symbol}}" data-currency-iso="{{context.currency.isoCode}}"></div>
  34.     <div
  35.     data-firebase-notification
  36.     data-path="{{ path('frontend.fcm.save.token') }}"
  37.     data-csrf="{{ sw_csrf('frontend.fcm.save.token', {'mode': 'token'}) }}"
  38.     ></div>
  39.     <div
  40.     class="url_api_count_not_view"
  41.     data-path="{{ path('api.notification.count-not-view') }}"
  42.     data-csrf="{{ sw_csrf('api.notification.count-not-view', {'mode': 'token'}) }}"
  43.     ></div>
  44.     <div
  45.     class="language-firebase-app"
  46.     data-language="{{ selectedLanguage }}"
  47.     ></div>
  48.     {% block base_body_inner %}
  49.         {% block base_noscript %}
  50.             <noscript class="noscript-main">
  51.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  52.                     type: 'info',
  53.                     content: 'general.noscriptNotice'|trans|sw_sanitize
  54.                 } %}
  55.             </noscript>
  56.         {% endblock %}
  57.         {% if not isVideoStar and not isSave4More %}
  58.             {% block base_header %}
  59.                 <header class="header-main">
  60.                     {% block base_header_inner %}
  61.                         <div class="header-main__container">
  62.                             {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  63.                         </div>
  64.                     {% endblock %}
  65.                 </header>
  66.             {% endblock %}
  67.         {% endif %}
  68.         {# {% block base_navigation %}
  69.             <div class="nav-main">
  70.                 {% block base_navigation_inner %}
  71.                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  72.                 {% endblock %}
  73.             </div>
  74.         {% endblock %} #}
  76.         {# {% block base_offcanvas_navigation %}
  77.             {% if page.header.navigation %}
  78.                 <div class="d-none js-navigation-offcanvas-initial-content{% if context.salesChannel.navigationCategoryId == page.header.navigation.active.id %} is-root{% endif %}">
  79.                     {% block base_offcanvas_navigation_inner %}
  80.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
  81.                     {% endblock %}
  82.                 </div>
  83.             {% endif %}
  84.         {% endblock %} #}
  86.         {% block base_main %}
  87.             <main class="content-main">
  89.                 {% block base_main_inner %}
  90.                     <div class="container">
  91.                         {% block base_main_container %}
  92.                             <div class="container-main">
  93.                                 {% block base_breadcrumb %}
  94.                                     {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  95.                                         context: context,
  96.                                         category: page.product.seoCategory
  97.                                     } only %}
  98.                                 {% endblock %}
  100.                                 {% block base_content %}{% endblock %}
  101.                             </div>
  102.                         {% endblock %}
  103.                     </div>
  104.                 {% endblock %}
  105.             </main>
  106.         {% endblock %}
  108.         {% block base_footer %}
  109.             {% if isSave4More %}
  110.                 
  111.             {% else %}
  112.                 {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  113.                 {% sw_include '@Storefront/storefront/layout/footer/footer-mobile.html.twig' %}
  114.             {% endif %}
  115.         {% endblock %}
  116.     {% endblock %}
  118.     {% block base_scroll_up %}
  119.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  120.     {% endblock %}
  122.     {% block base_cookie_permission %}
  123.         {% sw_include '@Storefront/storefront/layout/cookie/cookie-permission.html.twig' %}
  124.     {% endblock %}
  126.     {% block base_pseudo_modal %}
  127.         {% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
  128.     {% endblock %}
  130.     {% sw_include '@Storefront/storefront/component/notify.html.twig' %}
  131.     {% sw_include '@Storefront/storefront/component/toastNoti.html.twig' %}
  133.     {% block base_body_script %}
  134.         {% if not feature('FEATURE_NEXT_15917') %}
  136.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_token` instead #}
  137.             {% block base_script_token %}
  138.             {% endblock %}
  140.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_router` instead #}
  141.             {% block base_script_router %}
  142.                 {# Register all routes that will be needed in JavaScript to the window.router object #}
  143.                 <script>
  144.                     window.activeNavigationId = '{{ page.header.navigation.active.id }}';
  145.                     window.router = {
  146.                         'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
  147.                         'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
  148.                         'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
  149.                         'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
  150.                         'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
  151.                         'frontend.cms.page': '{{ path('frontend.cms.page') }}',
  152.                         'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
  153.                         'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
  154.                         {# @deprecated tag:v6.5.0 - Route frontend.csrf.generateToken will be removed. #}
  155.                         'frontend.csrf.generateToken': '{{ path('frontend.csrf.generateToken') }}',
  156.                         'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
  157.                         'frontend.store-api.proxy': '{{ path('frontend.store-api.proxy') }}',
  158.                     };
  159.                     {# @deprecated tag:v6.5.0 - storeApiProxyToken will be removed. #}
  160.                     window.storeApiProxyToken = '{{ sw_csrf("frontend.store-api.proxy", {"mode": "token"}) }}';
  161.                     window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
  162.                 </script>
  163.             {% endblock %}
  165.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_breakpoints` instead #}
  166.             {% block base_script_breakpoints %}
  167.                 {# Register the available viewport breakpoints the window.breakpoints object #}
  168.                 <script>
  169.                     {% set breakpoint = {
  170.                         'xs': theme_config('breakpoint.xs'),
  171.                         'sm': theme_config('breakpoint.sm'),
  172.                         'md': theme_config('breakpoint.md'),
  173.                         'lg': theme_config('breakpoint.lg'),
  174.                         'xl': theme_config('breakpoint.xl')
  175.                     } %}
  177.                     {# @deprecated tag:v6.5.0 - Bootstrap v5 adds xxl breakpoint #}
  178.                     {% if feature('v6.5.0.0') %}
  179.                         {% set breakpoint = breakpoint|merge({
  180.                             'xxl': theme_config('breakpoint.xxl')
  181.                         }) %}
  182.                     {% endif %}
  184.                     window.breakpoints = {{ breakpoint|json_encode()|raw }};
  185.                 </script>
  186.             {% endblock %}
  188.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_csrf` instead #}
  189.             {% block base_script_csrf %}
  190.                 <script>
  191.                     window.csrf = {
  192.                         'enabled': '{{ shopware.csrfEnabled }}',
  193.                         'mode': '{{ shopware.csrfMode }}'
  194.                     }
  195.                 </script>
  196.             {% endblock %}
  198.             {% if config('core.cart.wishlistEnabled') %}
  199.                 {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_wishlist_state` instead #}
  200.                 {% block base_script_wishlist_state %}
  201.                     <script>
  202.                         window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
  204.                         window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
  205.                     </script>
  206.                 {% endblock %}
  207.             {% endif %}
  209.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_jquery` instead #}
  210.             {% block base_script_jquery %}
  211.             {% endblock %}
  213.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_hmr_mode` instead #}
  214.             {% block base_script_hmr_mode %}
  215.                 {% if isHMRMode %}
  216.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js"></script>
  217.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js"></script>
  218.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js"></script>
  219.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js"></script>
  220.                     {# The storefront entry is a combined entry point which contains all plugins & themes #}
  221.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js"></script>
  222.                 {% else %}
  223.                     {% for file in theme_config('assets.js') %}
  224.                         <script type="text/javascript" src="{{ asset(file, 'theme') }}"></script>
  225.                     {% endfor %}
  226.                 {% endif %}
  227.             {% endblock %}
  228.         {% endif %}
  229.     {% endblock %}
  230.     </body>
  231. {% endblock %}
  232. </html>