custom/static-plugins/theme-base/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_inner_container %}
  4.     {% block footer_block_first %}
  5.     {% endblock %}
  6.     {% block layout_footer_navigation %}
  7.         <div id="footerColumns" class="row footer-columns" data-collapse-footer="true">
  8.         {% if theme_config('widget-footer-contact') %}
  9.             {% block footer_block_contact %}
  10.             <div class="col-md-3 footer-column js-footer-column">
  11.                 <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  12.                      id="collapseFooterContactTitle"
  13.                      data-target="#collapseFooterContact"
  14.                      aria-expanded="true"
  15.                      aria-controls="collapseFooterContact">
  16.                     {% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "header.contact"} %}
  17.                     {% block layout_footer_navigation_contact_icons %}
  18.                         <div class="footer-column-toggle">
  19.                                             <span class="footer-plus-icon">
  20.                                                 {% sw_icon 'plus' %}
  21.                                             </span>
  22.                             <span class="footer-minus-icon">
  23.                                                 {% sw_icon 'minus' %}
  24.                                             </span>
  25.                         </div>
  26.                     {% endblock %}
  27.                 </div>
  28.                 <div id="collapseFooterContact"
  29.                      class="footer-column-content collapse js-footer-column-content"
  30.                      aria-labelledby="collapseFooterContactTitle">
  31.                     <div class="footer-column-content footer-contact">
  32.                         <div class="footer-column-content-inner">
  33.                             {% if theme_config('icon-location') %}
  34.                                 <img src="{{ theme_config('icon-location') }}" alt="Location icon"/>
  35.                             {% else %}
  36.                                 <img src="{{ asset('storefront/img/home.svg', '@Wtheme') }}" alt="House icon"/>
  37.                             {% endif %}
  38.                             <p class="footer-link-item">{% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "name"} %}</p>
  39.                             <p class="footer-contact-indent-p footer-link-item"> {% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "address.street"} %}</p>
  40.                             <p class="footer-contact-indent-p footer-link-item">{% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "address.zip"} %} {% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "address.city"} %}</p>
  41.                             <p class="footer-contact-indent-p footer-link-item">{% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "info.cvr"} %}</p>
  42.                             {% if theme_config('icon-phone') %}
  43.                                 <img src="{{ theme_config('icon-phone') }}" alt="Phone icon"/>
  44.                             {% else %}
  45.                                 <img src="{{ asset('storefront/img/phone.svg', '@Wtheme') }}" alt="Phone icon"/>
  46.                             {% endif %}
  47.                             <a href="tel:{% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "phone"} %}">
  48.                                 <p class="footer-contact-indent-p footer-link-item">
  49.                                     {% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "phone"} %}
  50.                                 </p>
  51.                             </a>
  52.                             {% if theme_config('icon-mail') %}
  53.                                 <img src="{{ theme_config('icon-mail') }}" alt="Mail icon"/>
  54.                             {% else %}
  55.                                 <img src="{{ asset('storefront/img/mail.svg', '@Wtheme') }}" alt="Mail icon"/>
  56.                             {% endif %}
  58.                             <a href="mailto:{% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "mail"} %}">
  59.                                 <p
  60.                                     class="footer-contact-indent-p footer-link-item">{% include '@Wtheme/storefront/reader/snippet.html.twig' with {read: "mail"} %}</p>
  61.                             </a>
  62.                         </div>
  63.                     </div>
  64.                 </div>
  65.             </div>
  66.             {% endblock %}
  67.         {% endif %}
  68.     {% endblock %}
  71.     {% block layout_footer_navigation_columns %}
  72.         {% for root in page.footer.navigation.tree %}
  73.             {% block layout_footer_navigation_column %}
  74.                 <div class="col-md-3 footer-column js-footer-column">
  75.                     {% block layout_footer_navigation_information_headline %}
  76.                         <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  77.                              data-target="collapseFooterTitleNav{{ loop.index }}"
  78.                              aria-expanded="true"
  79.                              id="collapseFooterTitleNav{{ loop.index }}"
  80.                              aria-controls="collapseFooter{{ loop.index }}">
  82.                             {{ root.category.translated.name }}
  83.                             {% block layout_footer_navigation_information_icons %}
  84.                                 <div class="footer-column-toggle">
  85.                                             <span class="footer-plus-icon">
  86.                                                 {% sw_icon 'plus' %}
  87.                                             </span>
  88.                                     <span class="footer-minus-icon">
  89.                                                 {% sw_icon 'minus' %}
  90.                                             </span>
  91.                                 </div>
  92.                             {% endblock %}
  93.                         </div>
  94.                     {% endblock %}
  96.                     {% block layout_footer_navigation_information_content %}
  97.                         <div id="collapseFooter{{ loop.index }}"
  98.                              class="footer-column-content collapse js-footer-column-content"
  99.                              aria-labelledby="collapseFooterTitleNav{{ loop.index }}">
  100.                             <div class="footer-column-content-inner">
  101.                                 {% block layout_footer_navigation_information_links %}
  102.                                     <ul class="list-unstyled">
  103.                                         {% for treeItem in root.children %}
  104.                                             {% set category = treeItem.category %}
  105.                                             {% set name = category.translated.name %}
  106.                                             {% set externalLink = category.translated.externalLink %}
  107.                                             {% block layout_footer_navigation_information_link_item %}
  108.                                                 <li class="footer-link-item">
  109.                                                     {% block layout_footer_navigation_information_link %}
  110.                                                         <a class="footer-link"
  111.                                                            href="{% if externalLink %}{{ externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: category.id }) }}{% endif %}"
  112.                                                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  113.                                                            title="{{ name }}">
  114.                                                             {{ name }}
  115.                                                         </a>
  116.                                                     {% endblock %}
  117.                                                 </li>
  118.                                             {% endblock %}
  119.                                         {% endfor %}
  120.                                     </ul>
  121.                                 {% endblock %}
  122.                             </div>
  123.                         </div>
  124.                     {% endblock %}
  125.                 </div>
  126.             {% endblock %}
  127.         {% endfor %}
  128.     {% endblock %}
  130.     </div>
  132.     {% block layout_footer_bottom %}
  133.         <div class="footer-bottom">
  134.             {% block layout_footer_service_menu %}
  135.                 <div class="container">
  136.                     {% block layout_footer_service_menu_content %}
  137.                         <ul class="footer-service-menu-list list-unstyled">
  138.                             {% for serviceMenuItem in page.header.serviceMenu %}
  139.                                 {% block layout_footer_service_menu_item %}
  140.                                     <li class="footer-service-menu-item">
  141.                                         <a class="footer-service-menu-link"
  142.                                            href="{% if serviceMenuItem.externalLink %}{{ serviceMenuItem.externalLink }}{% else %}{{ seoUrl('frontend.navigation.page', { navigationId: serviceMenuItem.id }) }}{% endif %}"
  143.                                            title="{{ serviceMenuItem.translated.name }}">
  144.                                             {{ serviceMenuItem.translated.name }}
  145.                                         </a>
  146.                                     </li>
  147.                                 {% endblock %}
  148.                             {% endfor %}
  149.                         </ul>
  150.                     {% endblock %}
  151.                 </div>
  152.             {% endblock %}
  154.             {% block layout_footer_some %}
  155.                     {% sw_include '@Wtheme/storefront/component/widgets/some.html.twig' %}
  156.             {% endblock %}
  157.             {% block layout_footer_payment_shipping_logos %}
  158.                 <div class="footer-logos">
  159.                     {% block layout_footer_payment_logos %}
  160.                         {% if theme_config('widget-footer-payment') %}
  161.                         {% for paymentMethod in page.salesChannelPaymentMethods %}
  162.                             {% block layout_footer_payment_logo %}
  163.                                 {% if paymentMethod.media %}
  164.                                     <div class="footer-logo is-payment">
  165.                                         {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  166.                                             media: paymentMethod.media,
  167.                                             sizes: {
  168.                                                 'default': '100px'
  169.                                             },
  170.                                             attributes: {
  171.                                                 'class': 'img-fluid footer-logo-image',
  172.                                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  173.                                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  174.                                             }
  175.                                         } %}
  176.                                     </div>
  177.                                 {% endif %}
  178.                             {% endblock %}
  179.                         {% endfor %}
  180.                         {% endif %}
  181.                     {% endblock %}
  183.                     {% block layout_footer_shipping_logos %}
  184.                         {% if theme_config('widget-footer-shipping')%}
  185.                         {% for shippingMethod in page.salesChannelShippingMethods %}
  186.                             {% block layout_footer_shipping_logo %}
  187.                                 {% if shippingMethod.media %}
  188.                                     <div class="footer-logo is-shipping">
  189.                                         {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  190.                                             media: shippingMethod.media,
  191.                                             sizes: {
  192.                                                 'default': '100px'
  193.                                             },
  194.                                             attributes: {
  195.                                                 'class': 'img-fluid footer-logo-image',
  196.                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  197.                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  198.                                             }
  199.                                         } %}
  200.                                     </div>
  201.                                 {% endif %}
  202.                             {% endblock %}
  203.                         {% endfor %}
  204.                         {% endif %}
  205.                     {% endblock %}
  206.                 </div>
  207.             {% endblock %}
  211.             {% block layout_footer_copyright %}
  212.                 {% if theme_config('sw-logo-footer') %}
  213.                     <img src="{{ theme_config('sw-logo-footer') |sw_encode_url }}"
  214.                          alt="{{ "header.logoLink"|trans|striptags }}"
  215.                          class="img-fluid footer-img"/>
  216.                 {% endif %}
  217.             {% endblock %}
  218.         </div>
  219.     {% endblock %}
  220.     {% block footer_end %}
  221.     {% endblock %}
  222. {% endblock %}