custom/plugins/EmovaWbTheme/src/Resources/views/storefront/base.html.twig line 36

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 style="overflow-x: hidden;" lang="{{ page.header.activeLanguage.translationCode.code }}"
  10.       itemscope="itemscope"
  11.       itemtype="https://schema.org/WebPage">
  12. {% endblock %}
  13. {#
  14. <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="045bcc8f-d644-40ae-b4a1-c620c91625c3" data-blockingmode="auto" type="text/javascript"></script>
  15. #}
  16. {% block base_head %}
  17.     {% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
  18. {% endblock %}
  20. {% block base_body %}
  21.     <body style="overflow-x: hidden;" 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.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
  25.     {% block base_body_inner %}
  26. <!-- Google Tag Manager (noscript) -->
  27. <noscript><iframe src="ns "
  28. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  29. <!-- End Google Tag Manager (noscript) -->
  30.         {% block base_noscript %}
  31.             <noscript class="noscript-main">
  32.                 {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
  33.                     type: 'info',
  34.                     content: 'general.noscriptNotice'|trans|sw_sanitize
  35.                 } %}
  36.             </noscript>
  37.         {% endblock %}
  39.         {% block base_header %}
  40.             <header class="header-main">
  41.                 {% block base_header_inner %}
  42.                     <div class="container">
  43.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  44.                     </div>
  45.                 {% endblock %}
  46.             </header>
  48.         {% endblock %}
  50.         {# {% block base_navigation %}
  51.             <div class="nav-main">
  52.                 {% block base_navigation_inner %}
  53.                     {% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
  54.                 {% endblock %}
  55.             </div>
  56.         {% endblock %} #}
  58.         {% block base_offcanvas_navigation %}
  59.             {% if page.header.navigation %}
  60.                 <div class="d-none js-navigation-offcanvas-initial-content{% if context.salesChannel.navigationCategoryId == page.header.navigation.active.id %} is-root{% endif %}">
  61.                     {% block base_offcanvas_navigation_inner %}
  62.                         {% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
  63.                     {% endblock %}
  64.                 </div>
  65.             {% endif %}
  66.         {% endblock %}
  68.         {% block base_main %}
  69.     {# dump((page.header.navigation.active.customFields.custom_emova_category_maintype)) #}
  70.         {#    <main class="content-main" style="/* margin-left: 20px; */ /* margin-right: 20px; *//background: transparent linear-gradient(180deg, #226ADC 0%, #3591DD 21%, #41A8DE 40%, #6AB8B7 65%, #73CB9A 100%) 0% 0% no-repeat padding-box;">
  71.     #}
  72.    {% set ev_category = page.header.navigation.active.customFields.custom_emova_category_maintype %}
  73.    {% if ev_category =="energy" %}
  74.          <main class="content-main-energy" >
  75.    {% elseif ev_category == "heat" %}
  76.          <main class="content-main-heat" >
  77.    {% elseif ev_category == "lubricant" %}
  78.          <main class="content-main-lubricant" >
  79.    {% elseif ev_category == "consulting" %}
  80.          <main class="content-main-consulting" >
  81.    {% elseif ev_category == "mobility" %}
  82.          <main class="content-main-mobility" >
  83.    {% elseif ev_category == "emobility" %}
  84.          <main class="content-main-emobility" >
  85.    {% else %}
  86.          <main class="content-main" style="background: linear-gradient(to bottom, #D66745, #C7385A, #8E25B8, #2B1AD5, #67B3CF);">
  87.    {% endif %}
  88.                 {% block base_flashbags %}
  89.                     <div class="flashbags container">
  90.                         {% for type, messages in app.flashes %}
  91.                             {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
  92.                         {% endfor %}
  93.                     </div>
  94.                 {% endblock %}
  96.                 {% block base_main_inner %}
  97.                     <div>
  98.                         {% block base_main_container %}
  99.                             <div class="container-main">
  100.                                 {% block base_breadcrumb %}
  101.                                     {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  102.                                         context: context,
  103.                                         category: page.product.seoCategory,
  104.                                         product: page.product
  105.                                     } only %}
  106.                                 {% endblock %}
  108.                                 {% block base_content %}{% endblock %}
  109.                             </div>
  110.                         {% endblock %}
  111.                     </div>
  112.                 {% endblock %}
  114.                 {% block frosh_product_compare_float_button_inner %}
  115.                     {% set buttonClasses = buttonClasses ?? 'btn-primary' %}
  116.                     {% set floatingButtonClasses = floatingButtonClasses ?? 'compare-float-button' %}
  117.                     {% set badgeClasses = badgeClasses ?? 'badge-danger' %}
  118.                     {% set compareFloatOptions = {
  119.                         maximumNumberCompareProductsText: "froshProductCompare.general.maximumCompareProducts"|trans|sw_sanitize
  120.                     } %}
  122.                     <div data-compare-float="true" data-compare-float-options="{{ compareFloatOptions|json_encode }}">
  123.                         {% block frosh_product_compare_float_button %}
  124.                             <div id="comapre-button-div" class="{{ floatingButtonClasses }} js-compare-float-button"
  125.                                 title="{{ "froshProductCompare.offcanvas.compareNow"|trans }}">
  126.                                 <button
  127.                                         class="btn {{ buttonClasses }}" title="{{ "froshProductCompare.offcanvas.compareNow"|trans }}">
  128.                                     {% block frosh_product_compare_float_icon %}
  129.                                         {% sw_icon 'bag-product' style { 'size': 'sm' } %}
  130.                                     {% endblock %}
  131.                                     <span class="badge {{ badgeClasses }}"></span>
  132.                                 </button>
  133.                     </div>
  135.                     <script>
  136.                             window.addEventListener('DOMContentLoaded', () => {
  137.                             const div = document.getElementById('comapre-button-div');
  138.                             const divHeight = div.clientHeight;
  139.                             div.style.bottom = `${2 * divHeight}px`;
  140.                             });
  142.                             function removeAllCompare(){
  143.                                 localStorage.removeItem("compare-widget-added-products");
  144.                                 location.reload();
  145.                             }
  146.                     </script>
  147.                 {% endblock %}
  148.                 {{ sw_csrf('frontend.compare.offcanvas') }}
  149.     </div>
  150. {% endblock %}
  151.             </main>
  152.         {% endblock %}
  154.         {% block base_footer %}
  155.             <footer class="footer-main">
  156.                 {% block base_footer_inner %}
  157.                     {% sw_include '@Storefront/storefront/layout/footer/social-pages-footer.html.twig' %}
  158.                     {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  159.                 {% endblock %}
  160.             </footer>
  161.         {% endblock %}
  162.     {% endblock %}
  164.     {% block base_scroll_up %}
  165.         {% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
  166.     {% endblock %}
  168.     {% block base_cookie_permission %}
  169.         {% sw_include '@Storefront/storefront/layout/cookie/cookie-permission.html.twig' %}
  170.     {% endblock %}
  172.     {% block base_pseudo_modal %}
  173.         {% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
  174.     {% endblock %}
  176.     {% block base_body_script %}
  177.         {% if not feature('FEATURE_NEXT_15917') %}
  179.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_token` instead #}
  180.             {% block base_script_token %}
  181.             {% endblock %}
  183.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_router` instead #}
  184.             {% block base_script_router %}
  185.                 {# Register all routes that will be needed in JavaScript to the window.router object #}
  186.                 <script>
  187.                     window.activeNavigationId = '{{ page.header.navigation.active.id }}';
  188.                     window.router = {
  189.                         'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
  190.                         'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
  191.                         'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
  192.                         'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
  193.                         'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
  194.                         'frontend.cms.page': '{{ path('frontend.cms.page') }}',
  195.                         'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
  196.                         'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
  197.                         'frontend.csrf.generateToken': '{{ path('frontend.csrf.generateToken') }}',
  198.                         'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
  199.                         'frontend.store-api.proxy': '{{ path('frontend.store-api.proxy') }}',
  200.                         'frontend.compare.offcanvas' : '{{ path('frontend.compare.offcanvas') }}',
  201.                         'frontend.compare.content' : '{{ path('frontend.compare.content') }}',
  202.                     };
  203.                     window.storeApiProxyToken = '{{ sw_csrf("frontend.store-api.proxy", {"mode": "token"}) }}';
  204.                     window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
  205.                 </script>
  207.             {% endblock %}
  209.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_breakpoints` instead #}
  210.             {% block base_script_breakpoints %}
  211.                 {# Register the available viewport breakpoints the window.breakpoints object #}
  212.                 <script>
  213.                     {% set breakpoint = {
  214.                         'xs': theme_config('breakpoint.xs'),
  215.                         'sm': theme_config('breakpoint.sm'),
  216.                         'md': theme_config('breakpoint.md'),
  217.                         'lg': theme_config('breakpoint.lg'),
  218.                         'xl': theme_config('breakpoint.xl')
  219.                     } %}
  221.                     {# @deprecated tag:v6.5.0 - Bootstrap v5 adds xxl breakpoint #}
  222.                     {% if feature('v6.5.0.0') %}
  223.                         {% set breakpoint = breakpoint|merge({
  224.                             'xxl': theme_config('breakpoint.xxl')
  225.                         }) %}
  226.                     {% endif %}
  228.                     window.breakpoints = {{ breakpoint|json_encode()|raw }};
  229.                 </script>
  230.             {% endblock %}
  232.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_csrf` instead #}
  233.             {% block base_script_csrf %}
  234.                 <script>
  235.                     window.csrf = {
  236.                         'enabled': '{{ shopware.csrfEnabled }}',
  237.                         'mode': '{{ shopware.csrfMode }}'
  238.                     }
  239.                 </script>
  240.             {% endblock %}
  242.             {% if config('core.cart.wishlistEnabled') %}
  243.                 {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_wishlist_state` instead #}
  244.                 {% block base_script_wishlist_state %}
  245.                     <script>
  246.                         window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
  248.                         window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
  249.                     </script>
  250.                 {% endblock %}
  251.             {% endif %}
  253.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_jquery` instead #}
  254.             {% block base_script_jquery %}
  255.             {% endblock %}
  257.             {# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_hmr_mode` instead #}
  258.             {% block base_script_hmr_mode %}
  259.                 {% if isHMRMode %}
  260.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js"></script>
  261.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js"></script>
  262.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js"></script>
  263.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js"></script>
  264.                     {# The storefront entry is a combined entry point which contains all plugins & themes #}
  265.                     <script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js"></script>
  266.                 {% else %}
  267.                     {% for file in theme_config('assets.js') %}
  268.                         <script type="text/javascript" src="{{ asset(file, 'theme') }}"></script>
  269.                     {% endfor %}
  270.                 {% endif %}
  271.             {% endblock %}
  272.         {% endif %}
  273.     {% endblock %}
  275.     <!-- Start of HubSpot Embed Code -->
  276.         <script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/25399637.js"></script>
  277.     <!-- End of HubSpot Embed Code -->
  278.     </body>
  280. {#    <script>
  281.     var test
  282.          $(document).ready(function () {
  283.             window.location.reload
  285.           })
  287.     </script>#}
  288. {% endblock %}
  290. <style>
  291.     .container-main{
  292.     padding-top:0px !important;
  293.     padding-bottom:0px !important;
  294.     }
  295.     .breadcrumb{
  296.     padding: 0;
  297.     margin-bottom:0;
  298.     }
  300. </style>
  302. </html>