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