custom/static-plugins/LnbThemeDefault/src/Resources/views/storefront/base.html.twig line 64

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/base.html.twig' %}
  2. {% block base_body_inner %}
  3.     {% block base_header %}
  4.         {% block base_header_topbar %}
  5.             <div class="topbar">
  6.                 <div class="topbar-container">
  7.                     <div class="swiper-wrapper">
  8.                         <div class="step swiper-slide">
  9.                             <div class="step-container">{% sw_icon 'document' style {
  10.                                     'pack': 'lnb-icons',
  11.                                 } %}<span class="step-text">{{ "LnbThemeDefault.header.topbar.step1"|trans }}</span>
  12.                             </div>
  13.                         </div>
  14.                         <div class="step swiper-slide">
  15.                             <div class="step-container">
  16.                                 {% sw_icon 'truck-right' style {
  17.                                     'pack': 'lnb-icons',
  18.                                 } %}<span class="step-text">{{ "LnbThemeDefault.header.topbar.step2"|trans }}</span>
  19.                             </div>
  20.                         </div>
  21.                         <div class="step swiper-slide">
  22.                             <div class="step-container">
  23.                                 {% sw_icon 'phone' style {
  24.                                     'pack': 'lnb-icons',
  25.                                 } %}<span
  26.                                         class="step-text">{{ "LnbThemeDefault.header.topbar.step3"|trans|raw }}</span>
  27.                             </div>
  28.                         </div>
  29.                     </div>
  30.                 </div>
  31.             </div>
  32.         {% endblock %}
  33.         {% block base_header_trusted_shop_bar %}
  34.             {% sw_include '@Storefront/storefront/layout/header/trusted-shop-bar.html.twig' %}
  35.         {% endblock %}
  36.         <header class="header-main">
  37.             {% if config('NgsNotificationBarSW6.config.notificationBarActive') %}
  38.                 {% if config('NgsNotificationBarSW6.config.notificationBarPosition') is same as('top') %}
  39.                     {% sw_include '@Storefront/storefront/plugin/ngs-notification-bar/bar.html.twig' %}
  40.                 {% endif %}
  41.             {% endif %}
  42.             {% block base_header_inner %}
  43.                 <div class="header-main__inner">
  44.                     <div class="container">
  45.                         {% sw_include '@Storefront/storefront/layout/header/header.html.twig' %}
  46.                     </div>
  47.                 </div>
  48.             {% endblock %}
  49.         </header>
  50.         <div class="search-backdrop"></div>
  51.     {% endblock %}
  52.     {% block base_navigation %}
  53.     {% endblock %}
  54.     {% block base_offcanvas_navigation %}
  55.         {% if page.header.navigation %}
  56.             {% block base_offcanvas_navigation_inner %}
  57.                 {% sw_include '@Storefront/storefront/layout/navigation/lnb-offcanvas/categories.html.twig' with { navigation: page.header.navigation } %}
  58.             {% endblock %}
  59.         {% endif %}
  60.     {% endblock %}
  61.     {% block base_main %}
  62.         <main class="content-main">
  63.             {% block base_flashbags %}
  64.                 {{ parent() }}
  65.             {% endblock %}
  66.             {% block base_main_inner %}
  67.                 {% block base_main_container %}
  68.                     <div class="container-main">
  69.                         {% block base_breadcrumb %}
  70.                             {% sw_include '@Storefront/storefront/layout/breadcrumb.html.twig' with {
  71.                                 context: context,
  72.                                 category: page.product.seoCategory,
  73.                                 product: page.product
  74.                             } only %}
  75.                         {% endblock %}
  76.                         {% block base_content %}{% endblock %}
  77.                     </div>
  78.                 {% endblock %}
  79.             {% endblock %}
  80.         </main>
  81.     {% endblock %}
  82.     {% block base_footer %}
  83.         {% if page.header.activeLanguage.translationCode.code != 'fr-FR' %}
  84.             {% block base_footer_head %}
  85.                 <div class="footer-parent">
  86.                     <div class="footer-newsletter">
  87.                         <div class="footer-newsletter__inner">
  88.                             <div class="footer-newsletter__header">
  89.                                 <div class="footer-newsletter__headline">{{ "LnbThemeDefault.footer.newsletter.heading"|trans }}</div>
  90.                                 <div class="footer-newsletter__promote">-10%</div>
  91.                                 <div class="footer-newsletter__text">{{ "LnbThemeDefault.footer.newsletter.text1"|trans }}</div>
  92.                             </div>
  93.                             {% if page.header.activeLanguage.translationCode.code == 'de-DE' %}
  94.                                 {{ lnb_hubspot_form(theme_config('german-newsletter-hubspot-form-id')) }}
  95.                             {% else %}
  96.                                 {{ lnb_hubspot_form(theme_config('english-newsletter-hubspot-form-id')) }}
  97.                             {% endif %}
  98.                             <div class="footer-newsletter__text">
  99.                                 {{ "LnbThemeDefault.footer.newsletter.text2"|trans }}
  100.                                 <a href="{{ "LnbThemeDefault.footer.newsletter.legalLink"|trans }}" target="_blank">
  101.                                     {{ "LnbThemeDefault.footer.newsletter.legal"|trans }}
  102.                                 </a>
  103.                             </div>
  104.                         </div>
  105.                     </div>
  106.                 </div>
  107.                 {% if page.header.activeLanguage.translationCode.code == 'de-DE' %}
  108.                     <div id="trusted-shops-reviews" class="footer-trust-bar">
  109.                         <div class="footer-trust-bar__inner">
  110.                             <div class="footer-trust-bar__header">
  111.                                 <img src="{{ asset('/assets/images/trustmark.png', 'theme') }}" height="64"
  112.                                      width="64"
  113.                                      alt="Trusted Shops Logo">
  114.                                 <span class="footer-trust-bar__headline">
  115.                                     {{ "LnbThemeDefault.trustedShops.headline"|trans }}
  116.                                 </span>
  117.                             </div>
  118.                             <div class="footer-trust-bar__subline">
  119.                                 {{ "LnbThemeDefault.trustedShops.subline"|trans }} <a
  120.                                         href="https://www.trustedshops.de/bewertung/info_X92CF97C219A6AF0B8C6E8B49DB450194.html "
  121.                                         target="_blank"> {% sw_icon 'external' style {size: 'xxs'} %}</a>
  122.                             </div>
  123.                             <div class="footer-trust-bar__body">
  124.                                 <div class="trust-bar-total">
  125.                                     <div class="trust-bar-total__rating">
  126.                                         <span>{{ page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.overallMark }}</span>
  127.                                         <span
  128.                                                 class="trust-bar-total__rating--total">/ 5</span>
  129.                                     </div>
  130.                                     <div class="trust-bar-total__stars">
  131.                                         {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
  132.                                             points: page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.overallMark,
  133.                                             description: 'empty',
  134.                                             size: 'lg'
  135.                                         } %}
  136.                                     </div>
  137.                                     <div class="trust-bar-total__grade">{{ "LnbThemeDefault.trustedShops.excellent"|trans }}</div>
  138.                                 </div>
  139.                                 <div class="trust-bar-ratings">
  140.                                     <div class="trust-bar-ratings__total">
  141.                                         {{ "LnbThemeDefault.trustedShops.countTotal"|trans({'%countTotal%': page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.totalReviewCount}) }}
  142.                                     </div>
  143.                                     <div class="trust-bar-ratings__bars">
  144.                                         {% for rating in page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.reviewIndicatorPeriodSummary.reviewIndicatorPeriods[0].reviewIndicatorMarkSummaries %}
  145.                                             {% set ratingPercent = (rating.periodMarkCount / page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.activeReviewCount ) * 100 %}
  146.                                             {% if ratingPercent < 1 %}
  147.                                                 {% set ratingPercent =  "< 1" %}
  148.                                             {% else %}
  149.                                                 {% set ratingPercent = ratingPercent|round %}
  150.                                             {% endif %}
  151.                                             <div class="trust-bar-ratings__bar">
  152.                                                 <div class="rating__name">{{ "LnbThemeDefault.trustedShops.rating.#{rating.markDescription}"|trans|sw_sanitize }}</div>
  153.                                                 <div class="rating__bar">
  154.                                                     <div class="rating__bar--full"
  155.                                                          style="width: {{ ratingPercent === "< 1" ? 0 : ratingPercent }}%"></div>
  156.                                                 </div>
  157.                                                 <div class="rating__count">{{ ratingPercent }} %</div>
  158.                                             </div>
  159.                                         {% endfor %}
  160.                                     </div>
  161.                                     <div class="trust-bar-ratings__current">
  162.                                         {{ "LnbThemeDefault.trustedShops.countCurrent"|trans({'%countCurrent%': page.footer.extensions.trustedShops.rates.shop.qualityIndicators.reviewIndicator.activeReviewCount}) }}
  163.                                     </div>
  164.                                 </div>
  165.                             </div>
  166.                         </div>
  167.                     </div>
  168.                 {% endif %}
  169.             {% endblock %}
  170.         {% endif %}
  171.         {% block base_footer_tax %}
  172.             <div class="footer-head-tax">
  173.                 <div class="footer-head-tax__text">
  174.                     <a class="product-detail-tax-link"
  175.                        href="{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}"
  176.                        title="{{ taxText }}"
  177.                        data-modal-class="lnb-modal-xl"
  178.                     {{ dataBsToggleAttr }}="modal"
  179.                     data-url=
  180.                     "{{ path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') }) }}
  181.                     "
  182.                     >{{ "LnbThemeDefault.footer.tax"|trans }}</a>
  183.                 </div>
  184.             </div>
  185.         {% endblock %}
  186.         <footer class="footer-main">
  187.             {% block base_footer_inner %}
  188.                 {% sw_include '@Storefront/storefront/layout/footer/footer.html.twig' %}
  189.             {% endblock %}
  190.         </footer>
  191.     {% endblock %}
  192. {% endblock %}