{% sw_extends '@Storefront/storefront/base.html.twig' %}
{% block base_body_inner %}
{% block base_header %}
{% block base_header_topbar %}
<div class="topbar">
<div class="topbar-container">
<div class="swiper-wrapper">
<div class="step swiper-slide">
<div class="step-container">{% sw_icon 'document' style {
'pack': 'lnb-icons',
} %}<span class="step-text">{{ "LnbThemeDefault.header.topbar.step1"|trans }}</span>
</div>
</div>
<div class="step swiper-slide">
<div class="step-container">
{% sw_icon 'truck-right' style {
'pack': 'lnb-icons',
} %}<span class="step-text">{{ "LnbThemeDefault.header.topbar.step2"|trans }}</span>
</div>
</div>
<div class="step swiper-slide">
<div class="step-container">
{% sw_icon 'phone' style {
'pack': 'lnb-icons',
} %}<span
class="step-text">{{ "LnbThemeDefault.header.topbar.step3"|trans|raw }}</span>
</div>
</div>
</div>
</div>
</div>
{% endblock %}
{% block base_header_trusted_shop_bar %}
{% sw_include '@Storefront/storefront/layout/header/trusted-shop-bar.html.twig' %}
{% endblock %}
<header class="header-main">
{% if config('NgsNotificationBarSW6.config.notificationBarActive') %}
{% if config('NgsNotificationBarSW6.config.notificationBarPosition') is same as('top') %}
{% sw_include '@Storefront/storefront/plugin/ngs-notification-bar/bar.html.twig' %}
{% endif %}
{% endif %}
{% block base_header_inner %}
<div class="header-main__inner">
<div class="container">
{% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
</div>
</div>
{% endblock %}
</header>
<div class="search-backdrop"></div>
{% endblock %}
{% block base_navigation %}
{% endblock %}
{% block base_offcanvas_navigation %}
{% if page.header.navigation %}
{% block base_offcanvas_navigation_inner %}
{% sw_include '@Storefront/storefront/layout/navigation/lnb-offcanvas/categories.html.twig' with { navigation: page.header.navigation } %}
{% endblock %}
{% endif %}
{% endblock %}
{% block base_main %}
<main class="content-main">
{% block base_flashbags %}
{{ parent() }}
{% endblock %}
{% block base_main_inner %}
{% 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 %}
{% endblock %}
</main>
{% endblock %}
{% block base_footer %}
{% if page.header.activeLanguage.translationCode.code != 'fr-FR' %}
{% block base_footer_head %}
<div class="footer-parent">
<div class="footer-newsletter">
<div class="footer-newsletter__inner">
<div class="footer-newsletter__header">
<div class="footer-newsletter__headline">{{ "LnbThemeDefault.footer.newsletter.heading"|trans }}</div>
<div class="footer-newsletter__promote">-10%</div>
<div class="footer-newsletter__text">{{ "LnbThemeDefault.footer.newsletter.text1"|trans }}</div>
</div>
{% if page.header.activeLanguage.translationCode.code == 'de-DE' %}
{{ lnb_hubspot_form(theme_config('german-newsletter-hubspot-form-id')) }}
{% else %}
{{ lnb_hubspot_form(theme_config('english-newsletter-hubspot-form-id')) }}
{% endif %}
<div class="footer-newsletter__text">
{{ "LnbThemeDefault.footer.newsletter.text2"|trans }}
<a href="{{ "LnbThemeDefault.footer.newsletter.legalLink"|trans }}" target="_blank">
{{ "LnbThemeDefault.footer.newsletter.legal"|trans }}
</a>
</div>
</div>
</div>
</div>
{% if page.header.activeLanguage.translationCode.code == 'de-DE' %}
<div id="trusted-shops-reviews" class="footer-trust-bar">
<div class="footer-trust-bar__inner">
<div class="footer-trust-bar__header">
<img src="{{ asset('/assets/images/trustmark.png', 'theme') }}" height="64"
width="64"
alt="Trusted Shops Logo">
<span class="footer-trust-bar__headline">
{{ "LnbThemeDefault.trustedShops.headline"|trans }}
</span>
</div>
<div class="footer-trust-bar__subline">
{{ "LnbThemeDefault.trustedShops.subline"|trans }} <a
href="https://www.trustedshops.de/bewertung/info_X92CF97C219A6AF0B8C6E8B49DB450194.html "
target="_blank"> {% sw_icon 'external' style {size: 'xxs'} %}</a>
</div>
<div class="footer-trust-bar__body">
<div class="trust-bar-total">
<div class="trust-bar-total__rating">
<span>{{ page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.overallMark }}</span>
<span
class="trust-bar-total__rating--total">/ 5</span>
</div>
<div class="trust-bar-total__stars">
{% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
points: page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.overallMark,
description: 'empty',
size: 'lg'
} %}
</div>
<div class="trust-bar-total__grade">{{ "LnbThemeDefault.trustedShops.excellent"|trans }}</div>
</div>
<div class="trust-bar-ratings">
<div class="trust-bar-ratings__total">
{{ "LnbThemeDefault.trustedShops.countTotal"|trans({'%countTotal%': page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.totalReviewCount}) }}
</div>
<div class="trust-bar-ratings__bars">
{% for rating in page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.reviewIndicatorPeriodSummary.reviewIndicatorPeriods[0].reviewIndicatorMarkSummaries %}
{% set ratingPercent = (rating.periodMarkCount / page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.activeReviewCount ) * 100 %}
{% if ratingPercent < 1 %}
{% set ratingPercent = "< 1" %}
{% else %}
{% set ratingPercent = ratingPercent|round %}
{% endif %}
<div class="trust-bar-ratings__bar">
<div class="rating__name">{{ "LnbThemeDefault.trustedShops.rating.#{rating.markDescription}"|trans|sw_sanitize }}</div>
<div class="rating__bar">
<div class="rating__bar--full"
style="width: {{ ratingPercent === "< 1" ? 0 : ratingPercent }}%"></div>
</div>
<div class="rating__count">{{ ratingPercent }} %</div>
</div>
{% endfor %}
</div>
<div class="trust-bar-ratings__current">
{{ "LnbThemeDefault.trustedShops.countCurrent"|trans({'%countCurrent%': page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.activeReviewCount}) }}
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}
{% endif %}
{% block base_footer_tax %}
<div class="footer-head-tax">
<div class="footer-head-tax__text">
<a class="product-detail-tax-link"
href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
title="{{ taxText }}"
data-modal-class="lnb-modal-xl"
{{ dataBsToggleAttr }}="modal"
data-url=
"{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}
"
>{{ "LnbThemeDefault.footer.tax"|trans }}</a>
</div>
</div>
{% endblock %}
<footer class="footer-main">
{% block base_footer_inner %}
{% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
{% endblock %}
</footer>
{% endblock %}
{% endblock %}