{# Set variable to "true" to enable HMR (hot page reloading) mode #}
{% set isHMRMode = app.request.headers.get('hot-reload-mode') and app.environment == 'dev' %}
{% block base_doctype %}
<!DOCTYPE html>
{% endblock %}
{% block base_html %}
<html style="overflow-x: hidden;" lang="{{ page.header.activeLanguage.translationCode.code }}"
itemscope="itemscope"
itemtype="https://schema.org/WebPage">
{% endblock %}
{#
<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="045bcc8f-d644-40ae-b4a1-c620c91625c3" data-blockingmode="auto" type="text/javascript"></script>
#}
{% block base_head %}
{% sw_include '@Storefront/storefront/layout/meta.html.twig' %}
{% endblock %}
{% block base_body %}
<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 %}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
{% block base_body_inner %}
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="ns "
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
{% block base_noscript %}
<noscript class="noscript-main">
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
type: 'info',
content: 'general.noscriptNotice'|trans|sw_sanitize
} %}
</noscript>
{% endblock %}
{% block base_header %}
<header class="header-main">
{% block base_header_inner %}
<div class="container">
{% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
</div>
{% endblock %}
</header>
{% endblock %}
{# {% block base_navigation %}
<div class="nav-main">
{% block base_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/navigation.html.twig' %}
{% endblock %}
</div>
{% endblock %} #}
{% block base_offcanvas_navigation %}
{% if page.header.navigation %}
<div class="d-none js-navigation-offcanvas-initial-content{% if context.salesChannel.navigationCategoryId == page.header.navigation.active.id %} is-root{% endif %}">
{% block base_offcanvas_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/offcanvas/navigation.html.twig' with { navigation: page.header.navigation } %}
{% endblock %}
</div>
{% endif %}
{% endblock %}
{% block base_main %}
{# dump((page.header.navigation.active.customFields.custom_emova_category_maintype)) #}
{# <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;">
#}
{% set ev_category = page.header.navigation.active.customFields.custom_emova_category_maintype %}
{% if ev_category =="energy" %}
<main class="content-main-energy" >
{% elseif ev_category == "heat" %}
<main class="content-main-heat" >
{% elseif ev_category == "lubricant" %}
<main class="content-main-lubricant" >
{% elseif ev_category == "consulting" %}
<main class="content-main-consulting" >
{% elseif ev_category == "mobility" %}
<main class="content-main-mobility" >
{% elseif ev_category == "emobility" %}
<main class="content-main-emobility" >
{% else %}
<main class="content-main" style="background: linear-gradient(to bottom, #D66745, #C7385A, #8E25B8, #2B1AD5, #67B3CF);">
{% endif %}
{% block base_flashbags %}
<div class="flashbags container">
{% for type, messages in app.flashes %}
{% sw_include '@Storefront/storefront/utilities/alert.html.twig' with { type: type, list: messages } %}
{% endfor %}
</div>
{% endblock %}
{% block base_main_inner %}
<div>
{% block base_main_container %}
<div class="container-main">
{% block base_breadcrumb %}
{% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
context: context,
category: page.product.seoCategory,
product: page.product
} only %}
{% endblock %}
{% block base_content %}{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
{% block frosh_product_compare_float_button_inner %}
{% set buttonClasses = buttonClasses ?? 'btn-primary' %}
{% set floatingButtonClasses = floatingButtonClasses ?? 'compare-float-button' %}
{% set badgeClasses = badgeClasses ?? 'badge-danger' %}
{% set compareFloatOptions = {
maximumNumberCompareProductsText: "froshProductCompare.general.maximumCompareProducts"|trans|sw_sanitize
} %}
<div data-compare-float="true" data-compare-float-options="{{ compareFloatOptions|json_encode }}">
{% block frosh_product_compare_float_button %}
<div id="comapre-button-div" class="{{ floatingButtonClasses }} js-compare-float-button"
title="{{ "froshProductCompare.offcanvas.compareNow"|trans }}">
<button
class="btn {{ buttonClasses }}" title="{{ "froshProductCompare.offcanvas.compareNow"|trans }}">
{% block frosh_product_compare_float_icon %}
{% sw_icon 'bag-product' style { 'size': 'sm' } %}
{% endblock %}
<span class="badge {{ badgeClasses }}"></span>
</button>
</div>
<script>
window.addEventListener('DOMContentLoaded', () => {
const div = document.getElementById('comapre-button-div');
const divHeight = div.clientHeight;
div.style.bottom = `${2 * divHeight}px`;
});
function removeAllCompare(){
localStorage.removeItem("compare-widget-added-products");
location.reload();
}
</script>
{% endblock %}
{{ sw_csrf('frontend.compare.offcanvas') }}
</div>
{% endblock %}
</main>
{% endblock %}
{% block base_footer %}
<footer class="footer-main">
{% block base_footer_inner %}
{% sw_include '@Storefront/storefront/layout/footer/social-pages-footer.html.twig' %}
{% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% endblock %}
</footer>
{% endblock %}
{% endblock %}
{% block base_scroll_up %}
{% sw_include '@Storefront/storefront/layout/scroll-up.html.twig' %}
{% endblock %}
{% block base_cookie_permission %}
{% sw_include '@Storefront/storefront/layout/cookie/cookie-permission.html.twig' %}
{% endblock %}
{% block base_pseudo_modal %}
{% sw_include '@Storefront/storefront/component/pseudo-modal.html.twig' %}
{% endblock %}
{% block base_body_script %}
{% if not feature('FEATURE_NEXT_15917') %}
{# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_token` instead #}
{% block base_script_token %}
{% endblock %}
{# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_router` instead #}
{% block base_script_router %}
{# Register all routes that will be needed in JavaScript to the window.router object #}
<script>
window.activeNavigationId = '{{ page.header.navigation.active.id }}';
window.router = {
'frontend.cart.offcanvas': '{{ path('frontend.cart.offcanvas') }}',
'frontend.cookie.offcanvas': '{{ path('frontend.cookie.offcanvas') }}',
'frontend.checkout.finish.page': '{{ path('frontend.checkout.finish.page') }}',
'frontend.checkout.info': '{{ path('frontend.checkout.info') }}',
'frontend.menu.offcanvas': '{{ path('frontend.menu.offcanvas') }}',
'frontend.cms.page': '{{ path('frontend.cms.page') }}',
'frontend.cms.navigation.page': '{{ path('frontend.cms.navigation.page') }}',
'frontend.account.addressbook': '{{ path('frontend.account.addressbook') }}',
'frontend.csrf.generateToken': '{{ path('frontend.csrf.generateToken') }}',
'frontend.country.country-data': '{{ path('frontend.country.country.data') }}',
'frontend.store-api.proxy': '{{ path('frontend.store-api.proxy') }}',
'frontend.compare.offcanvas' : '{{ path('frontend.compare.offcanvas') }}',
'frontend.compare.content' : '{{ path('frontend.compare.content') }}',
};
window.storeApiProxyToken = '{{ sw_csrf("frontend.store-api.proxy", {"mode": "token"}) }}';
window.salesChannelId = '{{ app.request.attributes.get('sw-sales-channel-id') }}';
</script>
{% endblock %}
{# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_breakpoints` instead #}
{% block base_script_breakpoints %}
{# Register the available viewport breakpoints the window.breakpoints object #}
<script>
{% set breakpoint = {
'xs': theme_config('breakpoint.xs'),
'sm': theme_config('breakpoint.sm'),
'md': theme_config('breakpoint.md'),
'lg': theme_config('breakpoint.lg'),
'xl': theme_config('breakpoint.xl')
} %}
{# @deprecated tag:v6.5.0 - Bootstrap v5 adds xxl breakpoint #}
{% if feature('v6.5.0.0') %}
{% set breakpoint = breakpoint|merge({
'xxl': theme_config('breakpoint.xxl')
}) %}
{% endif %}
window.breakpoints = {{ breakpoint|json_encode()|raw }};
</script>
{% endblock %}
{# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_csrf` instead #}
{% block base_script_csrf %}
<script>
window.csrf = {
'enabled': '{{ shopware.csrfEnabled }}',
'mode': '{{ shopware.csrfMode }}'
}
</script>
{% endblock %}
{% if config('core.cart.wishlistEnabled') %}
{# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_wishlist_state` instead #}
{% block base_script_wishlist_state %}
<script>
window.customerLoggedInState = {{ context.customer is not null and not context.customer.guest ? 1 : 0 }};
window.wishlistEnabled = {{ config('core.cart.wishlistEnabled') }};
</script>
{% endblock %}
{% endif %}
{# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_jquery` instead #}
{% block base_script_jquery %}
{% endblock %}
{# @deprecated tag:v6.5.0 - Will be moved to `layout/meta.html.twig` - Use block `layout_head_javascript_hmr_mode` instead #}
{% block base_script_hmr_mode %}
{% if isHMRMode %}
<script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-node.js"></script>
<script type="text/javascript" src="/_webpack_hot_proxy_/js/vendor-shared.js"></script>
<script type="text/javascript" src="/_webpack_hot_proxy_/js/runtime.js"></script>
<script type="text/javascript" src="/_webpack_hot_proxy_/js/app.js"></script>
{# The storefront entry is a combined entry point which contains all plugins & themes #}
<script type="text/javascript" src="/_webpack_hot_proxy_/js/storefront.js"></script>
{% else %}
{% for file in theme_config('assets.js') %}
<script type="text/javascript" src="{{ asset(file, 'theme') }}"></script>
{% endfor %}
{% endif %}
{% endblock %}
{% endif %}
{% endblock %}
<!-- Start of HubSpot Embed Code -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-eu1.hs-scripts.com/25399637.js"></script>
<!-- End of HubSpot Embed Code -->
</body>
{# <script>
var test
$(document).ready(function () {
window.location.reload
})
</script>#}
{% endblock %}
<style>
.container-main{
padding-top:0px !important;
padding-bottom:0px !important;
}
.breadcrumb{
padding: 0;
margin-bottom:0;
}
</style>
</html>