custom/plugins/GrimmTheme/src/Resources/views/storefront/layout/footer/footer.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/layout/footer/footer.html.twig' %}
  2. {% block layout_footer_inner_container %}
  3.     {% block layout_footer_navigation %}
  4.         <div id="footerColumns" class="row footer-columns" data-collapse-footer="true">
  6.             {% block layout_footer_navigation_columns %}
  7.                 {% for root in page.footer.navigation.tree %}
  8.                     {% block layout_footer_navigation_column %}
  9.                         <div class="col-md-6 col-lg-auto footer-column js-footer-column">
  10.                             {% block layout_footer_navigation_hotline_headline %}
  11.                                 <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger" id="collapseFooterHotlineTitle" aria-expanded="true" data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true" aria-controls="collapseFooter{{ loop.index }}">
  13.                                     {{ root.category.translated.name }}
  14.                                     {% block layout_footer_navigation_hotline_icons %}
  15.                                         <div class="footer-column-toggle">
  16.                                             <span class="footer-plus-icon">
  17.                                                 {% sw_icon 'pfeil_unten' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  18.                                             </span>
  19.                                             <span class="footer-minus-icon">
  20.                                                 {% sw_icon 'pfeil_oben' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  21.                                             </span>
  22.                                         </div>
  23.                                     {% endblock %}
  24.                                 </div>
  25.                             {% endblock %}
  27.                             {% block layout_footer_navigation_information_content %}
  28.                                 <div id="collapseFooter{{ loop.index }}" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterTitle{{ loop.index }}">
  29.                                     <div class="footer-column-content-inner">
  30.                                         {% block layout_footer_navigation_information_links %}
  31.                                             <ul class="list-unstyled">
  32.                                                 {% for treeItem in root.children %}
  33.                                                     {% set category = treeItem.category %}
  34.                                                     {% set name = category.translated.name %}
  35.                                                     {% set externalLink = category.translated.externalLink %}
  36.                                                     {% block layout_footer_navigation_information_link_item %}
  37.                                                         <li class="footer-link-item">
  38.                                                             {% block layout_footer_navigation_information_link %}
  39.                                                                 {% if externalLink == "#change-cookie-settings" %}
  40.                                                                     {% set eightworksCookieConsentPlusConfig = config('EightworksCookieConsentPlus6.config') %}
  41.                                                                     {% if eightworksCookieConsentPlusConfig.active %}
  42.                                                                         <a
  43.                                                                                 title="{% if eightworksCookieConsentPlusConfig.footerLinkText %}{% else %}{{ "eightworksCookieConsentPlus6.cookieSettingsText"|trans|sw_sanitize }}{% endif %}"
  44.                                                                                 onclick="return false;"
  45.                                                                                 href="#"
  46.                                                                                 data-toggle="modal"
  47.                                                                                 data-target="#eightworks-cookie-consent-plus"
  48.                                                                                 class="footer-link eightworks-cookie-consent-plus-trigger cookie-permission--configure-button"
  49.                                                                                 data-openconsentmanager="true">
  50.                                                                             {{ name }}
  51.                                                                         </a>
  52.                                                                     {% endif %}
  53.                                                                 {% else %}
  54.                                                                     <a class="footer-link"
  55.                                                                         href="{{ category_url(category) }}"
  56.                                                                         {% if category_linknewtab(category) %}target="_blank"{% endif %}
  57.                                                                         title="{{ category.translated.name }}">
  58.                                                                         {{ category.translated.name }}
  59.                                                                     </a>
  60.                                                                 {% endif %}
  61.                                                             {% endblock %}
  62.                                                         </li>
  63.                                                     {% endblock %}
  64.                                                 {% endfor %}
  65.                                             </ul>
  66.                                         {% endblock %}
  67.                                     </div>
  68.                                 </div>
  69.                             {% endblock %}
  70.                         </div>
  71.                     {% endblock %}
  72.                 {% endfor %}
  73.             {% endblock %}
  75.             {% block layout_footer_trust_support %}
  76.                 {% block layout_footer_trust_support_column %}
  77.                     <div class="col-md-6 col-lg-auto footer-column js-footer-column footer-column__trust-support">
  78.                         {% block layout_footer_trust_support_headline %}
  79.                             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger" data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true" aria-controls="collapseFooter{{ loop.index }}">
  80.                                 {{ "footer.trust.trust-headline"|trans|sw_sanitize }}
  81.                                 {% block layout_footer_navigation_information_trust_support_icons %}
  82.                                     <div class="footer-column-toggle">
  83.                                         <span class="footer-plus-icon">
  84.                                             {% sw_icon 'pfeil_unten' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  85.                                         </span>
  86.                                         <span class="footer-minus-icon">
  87.                                             {% sw_icon 'pfeil_oben' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  88.                                         </span>
  89.                                     </div>
  90.                                 {% endblock %}
  91.                             </div>
  92.                         {% endblock %}
  94.                         {% block layout_footer_navigation_trust_support_content %}
  95.                             <div id="collapseFooter{{ loop.index }}" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterTitle{{ loop.index }}">
  96.                                 <div class="footer-column-content-inner d-flex flex-column">
  97.                                     <span class="footer-column-content-inner_trusttext col-12 px-0">{% sw_icon 'check' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  98.                                         {{ "footer.trust.trust1"|trans|sw_sanitize }}</span>
  99.                                     <span class="footer-column-content-inner_trusttext col-12 px-0">{% sw_icon 'check' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  100.                                         {{ "footer.trust.trust2"|trans|sw_sanitize }}</span>
  101.                                     <span class="footer-column-content-inner_trusttext col-12 px-0">{% sw_icon 'check' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  102.                                         {{ "footer.trust.trust3"|trans|sw_sanitize }}</span>
  103.                                 </div>
  104.                             </div>
  105.                         {% endblock %}
  107.                         {% block layout_footer_support_headline %}
  108.                             <div class="footer-column-headline support--headline footer-headline d-none d-lg-block">
  109.                                 {{ "footer.support.headline"|trans|sw_sanitize }}
  110.                             </div>
  111.                         {% endblock %}
  113.                         {% block layout_footer_navigation_support %}
  114.                             <div class="footer-column-content-inner footer-column__support d-none d-lg-block">
  115.                                 <p class="footer-column-content-inner_supporttext footer-link-item">
  116.                                     {% sw_icon 'telefon' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}<span class="ml-2">{{ "footer.support.telTitle"|trans|sw_sanitize }}</span>
  117.                                     <a href="tel:{{ 'support.linkNr'|trans|sw_sanitize }}" class="footer-link" title="Grimm Gastro Supporttelefon" target="_blank">{{ "footer.support.telNr"|trans|sw_sanitize }}</a>
  118.                                 </p>
  119.                                 <p class="footer-column-content-inner_supporttext footer-link-item">{% sw_icon 'mail' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  120.                                     <a href="mailto:{{ 'footer.support.mail'|trans|sw_sanitize }}" class="footer-link ml-2" title="Grimm Gastro Supportmail" target="_blank">{{ "footer.support.mail"|trans|sw_sanitize }}</a>
  121.                                 </p>
  122.                             </div>
  123.                         {% endblock %}
  125.                     </div>
  126.                 {% endblock %}
  127.             {% endblock %}
  130.             {% block layout_footer_newsletter_payment %}
  131.                 <div class="col-md-6 col-lg-auto d-lg-block footer-column js-footer-column">
  132.                     {% block layout_footer_navigation_newsletter %}
  134.                         {% block layout_footer_navigation_newsletter_headline %}
  135.                             <div class="grimm-footer-newsletter footer-column-headline footer-headline js-collapse-footer-column-trigger mb-0 d-lg-none" data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true" aria-controls="collapseFooter{{ loop.index }}">
  136.                                 {{ 'footer.newsletter.headlineMobile'|trans|sw_sanitize }}
  137.                                 {% block layout_footer_navigation_information_newsletter_payment_icons %}
  138.                                     <div class="footer-column-toggle">
  139.                                         <span class="footer-plus-icon">
  140.                                             {% sw_icon 'pfeil_unten' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  141.                                         </span>
  142.                                         <span class="footer-minus-icon">
  143.                                             {% sw_icon 'pfeil_oben' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  144.                                         </span>
  145.                                     </div>
  146.                                 {% endblock %}
  147.                             </div>
  148.                             <div class="grimm-footer-newsletter footer-column-headline footer-headline mb-0 d-none d-lg-flex">{{ 'footer.newsletter.headline'|trans|sw_sanitize }}</div>
  149.                         {% endblock %}
  150.                     {% endblock %}
  152.                     {% block layout_footer_navigation_newsletter_content %}
  153.                         <div class="grimm-footer-newsletter s360-footer-newsletter-wrapper">
  154.                             <div id="collapseFooter{{ loop.index }}" class="footer-column-content collapse js-footer-column-content" aria-labelledby="collapseFooterTitle{{ loop.index }}">
  155.                                 {% sw_include '@Storefront/solution360/grimm/footer-newsletter.html.twig' with {action: 'frontend.form.newsletter.register.handle'} %}
  156.                             </div>
  157.                         </div>
  158.                     {% endblock %}
  161.                     {% block layout_footer_payment_shipping_logos %}
  162.                         <div class="footer-column__payment d-none d-lg-block">
  163.                             <div class="footer-column-headline footer-headline px-lg-0">
  164.                                 {{ "footer.payment.headline"|trans|sw_sanitize }}
  165.                             </div>
  166.                             <div class="footer-logos justify-content-start">
  167.                                 {% block layout_footer_payment_logos %}
  168.                                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  169.                                         {% block layout_footer_payment_logo %}
  170.                                             {% if paymentMethod.media %}
  171.                                                 <div class="footer-logo is-payment">
  172.                                                     {% if paymentMethod.customFields.custom_payment_footer_link %}<a href="{{ paymentMethod.customFields.custom_payment_footer_link }}">{% endif %}
  173.                                                         {% sw_thumbnails 'footer-payment-image-thumbnails' with {media: paymentMethod.media,sizes: {'default': '100px'},attributes: {'class': 'img-fluid footer-logo-image','alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)}} %}
  174.                                                         {% if paymentMethod.customFields.custom_payment_footer_link %}</a>{% endif %}
  175.                                                 </div>
  176.                                             {% endif %}
  177.                                         {% endblock %}
  178.                                     {% endfor %}
  179.                                 {% endblock %}
  181.                                 {% block layout_footer_shipping_logos %}{% endblock %}
  182.                             </div>
  183.                         </div>
  184.                     {% endblock %}
  185.                 </div>
  186.             {% endblock %}
  188.             {# always shown mobile #}
  189.             {% block layout_footer_support_payment_mobile %}
  190.                 {% block layout_footer_support_mobile %}
  191.                     <div class="col-md-6 col-lg-auto d-lg-none footer-column footer-column__contact">
  192.                         <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger d-flex d-lg-none" data-target="#collapseFooterTitle{{ loop.index }}" aria-expanded="true" aria-controls="collapseFooter{{ loop.index }}">
  193.                             {{ "footer.support.headline"|trans|sw_sanitize }}
  194.                         </div>
  195.                         {% block layout_footer_navigation_support_mobile %}
  196.                             <div class="footer-column-content-inner d-lg-none">
  197.                                 <p class="footer-column-content-inner_supporttext col-12 px-0">
  198.                                     {% sw_icon 'telefon' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  199.                                     <span class="d-none d-xl-flex">{{ "footer.support.telTitle"|trans|sw_sanitize }}</span>
  200.                                     <a href="tel:{{ "support.linkNr"|trans|sw_sanitize }}" class="footer-column-content-inner_supportlink footer-link" title="Grimm Gastro Supporttelefon" target="_blank">{{ "footer.support.telNr"|trans|sw_sanitize }}</a>
  201.                                 </p>
  202.                                 <p class="footer-column-content-inner_supporttext col-12 px-0">
  203.                                     {% if config('GrimmTheme.config.contactCategory') != "" %}
  204.                                         {% sw_icon 'mail' style {'pack': 'grimmtheme', 'namespace': 'GrimmTheme', 'size': 'xs'} %}
  205.                                         <a href="{{ seoUrl('frontend.navigation.page', { navigationId: config('GrimmTheme.config.contactCategory') }) }}" class="footer-column-content-inner_supportlink footer-link" title="Grimm Gastro Supportmail">Kontakt</a>
  206.                                     {% endif %}
  207.                                 </p>
  208.                             </div>
  209.                         {% endblock %}
  210.                     </div>
  211.                 {% endblock %}
  213.                 {% block layout_footer_payment_shipping_logos_mobile %}
  214.                     <div class=" col-md-6 col-lg-auto col-xl-3 d-lg-none ">
  215.                         <div class="footer-column-headline footer-headline px-lg-0">
  216.                             {{ "footer.payment.headline"|trans|sw_sanitize }}
  217.                         </div>
  218.                         <div class="footer-logos justify-content-start">
  219.                             {% block layout_footer_payment_logos_mobile %}
  220.                                 {% for paymentMethod in page.salesChannelPaymentMethods %}
  221.                                     {% block layout_footer_payment_logo_mobile %}
  222.                                         {% if paymentMethod.media %}
  223.                                             <div class="footer-logo is-payment">
  224.                                                 {% sw_thumbnails 'footer-payment-image-thumbnails' with {media: paymentMethod.media,sizes: {'default': '100px'},attributes: {'class': 'img-fluid footer-logo-image','alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)}} %}
  225.                                             </div>
  226.                                         {% endif %}
  227.                                     {% endblock %}
  228.                                 {% endfor %}
  229.                             {% endblock %}
  230.                         </div>
  231.                     </div>
  232.                 {% endblock %}
  233.             {% endblock %}
  235.             <div class="grm-footer-extra-info">
  236.                 {% set link1 = config("GrimmTheme.config.linkGTEG") %}
  237.                 {% if link1 %}
  238.                     <a href="{{ link1 }}"{% if config("GrimmTheme.config.linkGTEGNewTab") %} target="_blank" rel="noreferrer"{% endif %}>
  239.                         <img class="grm-footer-extra-logo mr-4" style="width:44px" src="/bundles/grimmtheme/media/GTEG-Logo.png" alt="GTEG logo">
  240.                     </a>
  241.                 {% else %}
  242.                     <img class="grm-footer-extra-logo mr-4" style="width:44px" src="/bundles/grimmtheme/media/GTEG-Logo.png" alt="GTEG logo">
  243.                 {% endif %}
  245.                 {% set link2 = config("GrimmTheme.config.linkGGKA") %}
  246.                 {% if link2 %}
  247.                     <a href="{{ link2 }}"{% if config("GrimmTheme.config.linkGGKANewTab") %} target="_blank" rel="noreferrer"{% endif %}>
  248.                         <img class="grm-footer-extra-logo" style="width:109px" src="/bundles/grimmtheme/media/GGKA-Logo.png" alt="GGKA logo">
  249.                     </a>
  250.                 {% else %}
  251.                     <img class="grm-footer-extra-logo" style="width:109px" src="/bundles/grimmtheme/media/GGKA-Logo.png" alt="GGKA logo">
  252.                 {% endif %}
  254.                 {% set link3 = config("GrimmTheme.config.linkEFRE") %}
  255.                 {% if link3 %}
  256.                     <a href="{{ link3 }}"{% if config("GrimmTheme.config.linkEFRENewTab") %} target="_blank" rel="noreferrer"{% endif %}>
  257.                         <img class="grm-footer-extra-logo d-block" style="width:135px;margin-top:20px" src="/bundles/grimmtheme/media/EFRE_Logo.png" alt="EFRE logo">
  258.                     </a>
  259.                 {% else %}
  260.                     <img class="grm-footer-extra-logo d-block" style="width:135px;margin-top:20px" src="/bundles/grimmtheme/media/EFRE_Logo.png" alt="EFRE logo">
  261.                 {% endif %}
  262.             </div>
  264.         </div>
  265.     {% endblock %}
  267.     {% block layout_footer_bottom %}
  268.         {% if isMinimal %}
  269.             {{ parent() }}
  270.         {% endif %}
  271.     {% endblock %}
  272. {% endblock %}