custom/plugins/SimaxThemeKara/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. {% block layout_footer_navigation_hotline %}
  4.     <div class="col-md-4 col-lg-3 footer-column">
  5.         {% block layout_footer_navigation_hotline_headline %}
  6.             <div class="footer-column-headline footer-headline">
  7.                 {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  8.             </div>
  9.         {% endblock %}
  11.         {% block layout_footer_navigation_hotline_content %}
  12.             <div class="footer-column-content footer-contact">
  13.                 <div class="footer-column-content-inner">
  14.                     <p class="footer-service-hotline">
  15.                        {{ 'Kara.footer.serviceHotline'|trans|sw_sanitize }}
  16.                     </p>
  17.                 </div>
  18.             </div>
  19.         {% endblock %}
  20.     </div>
  21. {% endblock %}
  23. {% block layout_footer_navigation_columns %}
  24.     {% for root in page.footer.navigation.tree %}
  26.         {# Simax Changed col-md-4 to col-md-3 #}
  27.         {% block layout_footer_navigation_column %}
  28.             <div class="col-md-4 col-lg-3 footer-column js-footer-column">
  29.                 {% block layout_footer_navigation_information_headline %}
  30.                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  31.                          data-target="#collapseFooterTitle{{ loop.index }}"
  32.                          aria-expanded="true"
  33.                          aria-controls="collapseFooter{{ loop.index }}">
  35.                         {{ root.category.translated.name }}
  36.                         {% block layout_footer_navigation_information_icons %}
  37.                             <div class="footer-column-toggle">
  38.                                 <span class="footer-plus-icon">
  39.                                     {% sw_icon 'plus' %}
  40.                                 </span>
  41.                                 <span class="footer-minus-icon">
  42.                                     {% sw_icon 'minus' %}
  43.                                 </span>
  44.                             </div>
  45.                         {% endblock %}
  46.                     </div>
  47.                 {% endblock %}
  49.                 {% block layout_footer_navigation_information_content %}
  50.                     <div id="collapseFooter{{ loop.index }}"
  51.                          class="footer-column-content collapse js-footer-column-content"
  52.                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  53.                         <div class="footer-column-content-inner">
  54.                             {% block layout_footer_navigation_information_links %}
  55.                                 <ul class="list-unstyled">
  56.                                     {% for treeItem in root.children %}
  57.                                         {% set category = treeItem.category %}
  58.                                         {% set name = category.translated.name %}
  59.                                         {% set externalLink = category.translated.externalLink %}
  60.                                         {% block layout_footer_navigation_information_link_item %}
  61.                                             <li class="footer-link-item">
  62.                                                 {% block layout_footer_navigation_information_link %}
  63.                                                     <a class="footer-link"
  64.                                                        href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  65.                                                        title="{{ name }}">
  66.                                                         {{ name }}
  67.                                                     </a>
  68.                                                 {% endblock %}
  69.                                             </li>
  70.                                         {% endblock %}
  71.                                     {% endfor %}
  72.                                 </ul>
  73.                             {% endblock %}
  74.                         </div>
  75.                     </div>
  76.                 {% endblock %}
  77.             </div>
  78.         {% endblock %}
  79.     {% endfor %}
  81.     {% if theme_config('kara-footer-payment-icons') or theme_config('kara-footer-social-icons') == 1 %}
  82.         <div class="col-md-4 col-lg-3 p-0">
  83.             {# Start Payment #}
  84.             {% if theme_config('kara-footer-payment-icons') %}
  86.                 <div class="col-12 footer-column js-footer-column">
  87.                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  88.                         data-target="#collapseFooterTitlePayment{{ loop.index }}"
  89.                         aria-expanded="true"
  90.                         aria-controls="collapseFooterPayment">
  92.                         {{ 'Kara.footer.paymentHeader'|trans|sw_sanitize }}
  94.                         {% block layout_footer_payment_icons %}
  95.                             <div class="footer-column-toggle">
  96.                                 <span class="footer-plus-icon">
  97.                                     {% sw_icon 'plus' %}
  98.                                 </span>
  99.                                 <span class="footer-minus-icon">
  100.                                     {% sw_icon 'minus' %}
  101.                                 </span>
  102.                             </div>
  103.                         {% endblock %}
  104.                     </div>
  105.                     <div id="collapseFooterPayment"
  106.                         class="footer-column-content collapse js-footer-column-content footer-contact"
  107.                         aria-labelledby="collapseFooterTitlePayment">
  108.                         <div class="footer-logos">
  109.                             {% if theme_config('kara-footer-kara-payment-icons') %}
  110.                                  <ul class="column--content payment--list">
  111.                                     {% if theme_config('kara-footer-kara-payment-euro') %}
  112.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-eur"></i></li>
  113.                                     {% endif %}
  114.                                     {% if theme_config('kara-footer-kara-payment-paypal') %}
  115.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-paypal"></i></li>
  116.                                     {% endif %}
  117.                                     {% if theme_config('kara-footer-kara-payment-sofort') %}
  118.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-sofort"></i></li>
  119.                                     {% endif %}
  120.                                     {% if theme_config('kara-footer-kara-payment-klarna') %}
  121.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-klarna"></i></li>
  122.                                     {% endif %}
  123.                                     {% if theme_config('kara-footer-kara-payment-visa') %}
  124.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-visa"></i></li>
  125.                                     {% endif %}
  126.                                     {% if theme_config('kara-footer-kara-payment-maestro') %}
  127.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-maestro"></i></li>
  128.                                     {% endif %}
  129.                                     {% if theme_config('kara-footer-kara-payment-mastercard') %}
  130.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-mastercard"></i></li>
  131.                                     {% endif %}
  132.                                     {% if theme_config('kara-footer-kara-payment-american-express') %}
  133.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-american-express"></i></li>
  134.                                     {% endif %}
  135.                                     {% if theme_config('kara-footer-kara-payment-diners') %}
  136.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-diners"></i></li>
  137.                                     {% endif %}
  138.                                     {% if theme_config('kara-footer-kara-payment-amazon') %}
  139.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-amazon"></i></li>
  140.                                     {% endif %}
  141.                                     {% if theme_config('kara-footer-kara-payment-rechnung') %}
  142.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-rechnung"></i></li>
  143.                                     {% endif %}
  144.                                     {% if theme_config('kara-footer-kara-payment-sepa') %}
  145.                                         <li class="list-inline-item"><i class="icon-pf icon-pf-sepa"></i></li>
  146.                                     {% endif %}
  147.                                 </ul>
  148.                             {% else %}
  149.                                 {% block layout_footer_payment_logos %}
  150.                                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  151.                                         {% block layout_footer_payment_logo %}
  152.                                             {% if paymentMethod.media %}
  153.                                                 <div class="footer-logo is-payment">
  154.                                                     {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  155.                                                         media: paymentMethod.media,
  156.                                                         sizes: {
  157.                                                             'default': '100px'
  158.                                                         },
  159.                                                         attributes: {
  160.                                                             'class': 'img-fluid footer-logo-image',
  161.                                                             'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  162.                                                             'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  163.                                                         }
  164.                                                     } %}
  165.                                                 </div>
  166.                                             {% endif %}
  167.                                         {% endblock %}
  168.                                     {% endfor %}
  169.                                 {% endblock %}
  170.                             {% endif %}
  172.                             {% block layout_footer_shipping_logos %}
  173.                                 {% for shippingMethod in page.salesChannelShippingMethods %}
  174.                                     {% block layout_footer_shipping_logo %}
  175.                                         {% if shippingMethod.media %}
  176.                                             <div class="footer-logo is-shipping">
  177.                                                 {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  178.                                                     media: shippingMethod.media,
  179.                                                     sizes: {
  180.                                                         'default': '100px'
  181.                                                     },
  182.                                                     attributes: {
  183.                                                         'class': 'img-fluid footer-logo-image',
  184.                                                         'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  185.                                                         'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  186.                                                     }
  187.                                                 } %}
  188.                                             </div>
  189.                                         {% endif %}
  190.                                     {% endblock %}
  191.                                 {% endfor %}
  192.                             {% endblock %}
  193.                         </div>
  194.                     </div>
  195.                 </div>
  196.             {% endif %}
  197.             {# End Payment #}
  199.             {# Social #}
  200.             {% block kara_layout_footer_navigation_social %}
  201.                 {% if theme_config('kara-footer-social-icons') == 1 %}
  202.                     <div class="col-12 footer-column js-footer-column">
  203.                         {% block kara_layout_footer_navigation_social_headline %}
  204.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  205.                                  id="collapseFooterTitleSocial"
  206.                                  data-target="#collapseFooterSocial"
  207.                                  aria-expanded="true"
  208.                                  aria-controls="collapseFooterSocial">
  210.                                 {{ 'Kara.footer.socialHeader'|trans|sw_sanitize }}
  212.                                 {% block layout_footer_navigation_hotline_icons %}
  213.                                     <div class="footer-column-toggle">
  214.                                         <span class="footer-plus-icon">
  215.                                             {% sw_icon 'plus' %}
  216.                                         </span>
  217.                                         <span class="footer-minus-icon">
  218.                                             {% sw_icon 'minus' %}
  219.                                         </span>
  220.                                     </div>
  221.                                 {% endblock %}
  222.                             </div>
  223.                         {% endblock %}
  225.                         {% block layout_footer_navigation_social_content %}
  226.                             <div id="collapseFooterSocial"
  227.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  228.                                  aria-labelledby="collapseFooterTitleSocial">
  229.                                 <div class="footer-column-content-inner">
  230.                                     <ul class="column--content social--list">
  231.                                         {% if theme_config('kara-footer-social-mail') %}
  232.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-mail')}}" target="_blank" rel="noopener" title="E-Mail"><i class="icon-envelope-open-o"></i></a></li>
  233.                                         {% endif %}
  234.                                         {% if theme_config('kara-footer-social-facebook') %}
  235.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-facebook')}}" target="_blank" rel="noopener" title="Facebook"><i class="icon-facebook"></i></a></li>
  236.                                         {% endif %}
  237.                                         {% if theme_config('kara-footer-social-instagram') %}
  238.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-instagram')}}" target="_blank" rel="noopener" title="Instagram"><i class="icon-instagram"></i></a></li>
  239.                                         {% endif %}
  240.                                         {% if theme_config('kara-footer-social-twitter') %}
  241.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-twitter')}}" target="_blank" rel="noopener" title="Twitter"><i class="icon-twitter"></i></a></li>
  242.                                         {% endif %}
  243.                                         {% if theme_config('kara-footer-social-youtube') %}
  244.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-youtube')}}" target="_blank" rel="noopener" title="Youtube"><i class="icon-youtube"></i></a></li>
  245.                                         {% endif %}
  246.                                         {% if theme_config('kara-footer-social-vimeo') %}
  247.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-vimeo')}}" target="_blank" rel="noopener" title="Vimeo"><i class="icon-vimeo"></i></a></li>
  248.                                         {% endif %}
  249.                                         {% if theme_config('kara-footer-social-pinterest') %}
  250.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-pinterest')}}" target="_blank" rel="noopener" title="Pinterest"><i class="icon-pinterest"></i></a></li>
  251.                                         {% endif %}
  252.                                         {% if theme_config('kara-footer-social-xing') %}
  253.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-xing')}}" target="_blank" rel="noopener" title="xing"><i class="icon-xing"></i></a></li>
  254.                                         {% endif %}
  255.                                         {% if theme_config('kara-footer-social-linkedin') %}
  256.                                             <li class="list-inline-item"><a href="{{theme_config('kara-footer-social-linkedin')}}" target="_blank" rel="noopener" title="linkedin"><i class="icon-linkedin"></i></a></li>
  257.                                         {% endif %}
  258.                                     </ul>
  259.                                 </div>
  260.                             </div>
  261.                         {% endblock %}
  262.                     </div>
  263.                 {% endif %}
  264.             {% endblock %}
  265.             {# End Social #}
  266.         </div>
  267.     {% endif %}
  268. {% endblock %}
  270. {# Moved to layout_footer_navigation_columns #}
  271. {% block layout_footer_payment_shipping_logos %}
  272. {% endblock %}
  274. {# Moved layout_footer_bottom to base.html.twig #}
  275. {% block layout_footer_bottom %}
  276. {% endblock %}