custom/plugins/SsikLibertyTheme/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' %}
  3. {% set hiddenNewsletterBlock = config('SsikLibertyTheme.config.hiddenNewsletterBlock') %}
  5. {% block layout_footer_navigation_hotline %}
  6.     <div class="col-12 col-md-6 col-lg-3 footer-column js-footer-column">
  7.         {% block layout_footer_navigation_hotline_headline %}
  8.             {{parent()}}
  9.         {% endblock %}
  11.         {% block layout_footer_navigation_hotline_content %}
  12.             <div id="collapseFooterHotline"
  13.                     class="footer-column-content collapse js-footer-column-content footer-contact"
  14.                     aria-labelledby="collapseFooterHotlineTitle">
  15.                 <div class="footer-column-content-inner">
  16.                     <p class="footer-contact-hotline">
  17.                         {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  18.                     </p>
  19.                 </div>
  20.                 <div class="footer-contact-form">
  21.                     {{ 'footer.serviceContactLink'|trans({
  22.                         '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  23.                     })|raw }}
  24.                 </div>
  25.                 <div class="social-icons">
  26.                     {% if config('SsikLibertyTheme.config.youtube') %}
  27.                         <a href="{{ config('SsikLibertyTheme.config.youtube') }}" target="_blank" rel="noopener" title="youtube" aria-label="Youtube">
  28.                             <i class="fab fa-youtube"></i>
  29.                         </a>
  30.                     {% endif %}
  31.                     {% if config('SsikLibertyTheme.config.facebook') %}
  32.                         <a href="{{ config('SsikLibertyTheme.config.facebook') }}" target="_blank" rel="noopener" title="facebook" aria-label="Facebook">
  33.                             <i class="fab fa-facebook"></i>
  34.                         </a>
  35.                     {% endif %}
  36.                     {% if config('SsikLibertyTheme.config.twitter') %}
  37.                         <a href="{{ config('SsikLibertyTheme.config.twitter') }}" target="_blank" rel="noopener" title="twitter" aria-label="Twitter">
  38.                             <i class="fab fa-twitter"></i>
  39.                         </a>
  40.                     {% endif %}
  41.                     {% if config('SsikLibertyTheme.config.instagram') %}
  42.                         <a href="{{ config('SsikLibertyTheme.config.instagram') }}" target="_blank" rel="noopener" title="instagram" aria-label="Instagram">
  43.                             <i class="fab fa-instagram"></i>
  44.                         </a>
  45.                     {% endif %}
  46.                     {% if config('SsikLibertyTheme.config.whatsapp') %}
  47.                         <a href="{{ config('SsikLibertyTheme.config.whatsapp') }}" target="_blank" rel="noopener" title="whatsapp" aria-label="Whatsapp">
  48.                             <i class="fab fa-whatsapp"></i>
  49.                         </a>
  50.                     {% endif %}
  51.                     {% if config('SsikLibertyTheme.config.pinterest') %}
  52.                         <a href="{{ config('SsikLibertyTheme.config.pinterest') }}" target="_blank" rel="noopener" title="pinterest" aria-label="Pinterest">
  53.                             <i class="fab fa-pinterest"></i>
  54.                         </a>
  55.                     {% endif %}
  56.                     {% if config('SsikLibertyTheme.config.tiktok') %}
  57.                         <a href="{{ config('SsikLibertyTheme.config.tiktok') }}" target="_blank" rel="noopener" title="tiktok" aria-label="Tiktok">
  58.                             <i class="fab fa-tiktok"></i>
  59.                         </a>
  60.                     {% endif %}
  61.                 </div>
  62.             </div>
  63.         {% endblock %}
  64.     </div>
  65. {% endblock %}
  67. {% block layout_footer_navigation_column %}
  68.     <div class="col-12 col-md-6 col-lg-3 footer-column js-footer-column">
  69.         {% block layout_footer_navigation_information_headline %}
  70.             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  71.                     {{ dataBsTargetAttr }}="#collapseFooterTitle{{ loop.index }}" 
  72.                     data-target="#collapseFooterTitle{{ loop.index }}"
  73.                     aria-expanded="true"
  74.                     aria-controls="collapseFooter{{ loop.index }}">
  76.                 {% if root.category.type == 'folder' %}
  77.                     {{ root.category.translated.name }}
  78.                 {% else %}
  79.                     <a href="{{ category_url(root.category) }}"
  80.                         {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  81.                         title="{{ root.category.translated.name }}">
  82.                         {{ root.category.translated.name }}
  83.                     </a>
  84.                 {% endif %}
  85.                 {% block layout_footer_navigation_information_icons %}
  86.                     <div class="footer-column-toggle">
  87.                         <span class="footer-plus-icon">
  88.                             {% sw_icon 'plus' %}
  89.                         </span>
  90.                         <span class="footer-minus-icon">
  91.                             {% sw_icon 'minus' %}
  92.                         </span>
  93.                     </div>
  94.                 {% endblock %}
  95.             </div>
  96.         {% endblock %}
  98.         {% block layout_footer_navigation_information_content %}
  99.             {{parent()}}
  100.         {% endblock %}
  101.     </div>
  102. {% endblock %}
  104. {% block layout_footer_navigation_columns %}
  105.     {{ parent() }}
  106.     
  107.     {% if hiddenNewsletterBlock is empty %}
  108.         <div class="col-12 col-md-6 col-lg-3 footer-column js-footer-column">
  109.             {% block ssik_layout_footer_subscribe_headline %}
  110.                 <div id="collapseFooterTitleSubscribe" class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  111.                     data-target="#collapseFooterSubscribe"
  112.                     aria-expanded="true"
  113.                     aria-controls="collapseFooterSubscribe">
  115.                     {{ 'ssik.footer.newsletter.title'|trans|sw_sanitize }}
  117.                     {% block ssik_layout_footer_subscribe__icons %}
  118.                         <div class="footer-column-toggle">
  119.                             <span class="footer-plus-icon">
  120.                                 {% sw_icon 'plus' %}
  121.                             </span>
  122.                             <span class="footer-minus-icon">
  123.                                 {% sw_icon 'minus' %}
  124.                             </span>
  125.                         </div>
  126.                     {% endblock %}
  127.                 </div>
  128.             {% endblock %}
  130.             {% block ssik_layout_footer_subscribe_content %}
  131.                 <div id="collapseFooterSubscribe"
  132.                     class="footer-column-content collapse js-footer-column-content"
  133.                     aria-labelledby="collapseFooterTitleSubscribe">
  135.                     <div class="footer-column-content-inner">
  136.                         {% block ssik_layout_footer_subscribe_content_inner %}
  137.                             {% sw_include '@Storefront/storefront/ssik/newsletter-form.html.twig' %}
  138.                         {% endblock %}
  139.                     </div>
  140.                 </div>
  141.             {% endblock %}
  142.         </div>
  143.     {% endif %}
  144. {% endblock %}
  146. {% block layout_footer_copyright %}
  147.     <div class="footer-copyright">
  148.         {{ "ssik.footer.system.copy"|trans|sw_sanitize }}
  149.     </div>
  150. {% endblock %}