custom/plugins/WxdeThemeWojoer202201/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.     <div class="footer-wrapper">
  5.     <div class="container">
  7.     {% block layout_footer_navigation %}
  8.         <div id="footerColumns"
  9.              class="row footer-columns"
  10.              data-collapse-footer="true"
  11.              role="list">
  12.         {% block layout_footer_navigation_hotline %}
  13.             <div class="col-md-3 footer-column js-footer-column">
  14.             {% block layout_footer_navigation_hotline_headline %}
  15.                 <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  16.                      id="collapseFooterHotlineTitle"
  17.                 {{ dataBsTargetAttr }}="#collapseFooterHotline"
  18.                 aria-expanded="true"
  19.                 aria-controls="collapseFooterHotline"
  20.                 role="listitem">
  21.                 {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  22.                 {% block layout_footer_navigation_hotline_icons %}
  23.                     <div class="footer-column-toggle">
  24.                                             <span class="footer-plus-icon">
  25.                                                 {% sw_icon 'plus' %}
  26.                                             </span>
  27.                         <span class="footer-minus-icon">
  28.                                                 {% sw_icon 'minus' %}
  29.                                             </span>
  30.                     </div>
  31.                 {% endblock %}
  32.                 </div>
  33.             {% endblock %}
  35.             {% block layout_footer_navigation_hotline_content %}
  36.                 <div id="collapseFooterHotline"
  37.                      class="footer-column-content collapse js-footer-column-content footer-contact"
  38.                      aria-labelledby="collapseFooterHotlineTitle">
  39.                     <div class="footer-column-content-inner">
  40.                         <p class="footer-contact-hotline">
  41.                             {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  42.                         </p>
  43.                     </div>
  44.                     <div class="footer-contact-form">
  45.                         {{ 'footer.serviceContactLink'|trans({
  46.                             '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  47.                         })|raw }}
  48.                     </div>
  49.                 </div>
  50.             {% endblock %}
  51.             </div>
  52.         {% endblock %}
  53.         <div class="col-md-9 footer-column js-footer-column">
  54.             <div class="row">
  55.                 {% block layout_footer_navigation_columns %}
  56.                 {% for root in page.footer.navigation.tree %}
  57.                 {% block layout_footer_navigation_column %}
  58.                 <div class="col-md-3 footer-column js-footer-column">
  59.                     {% block layout_footer_navigation_information_headline %}
  60.                     <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  61.                     {{ dataBsTargetAttr }}="#collapseFooterTitle{{ loop.index }}"
  62.                     aria-expanded="true"
  63.                     aria-controls="collapseFooter{{ loop.index }}">
  65.                     {% if root.category.type == 'folder' %}
  66.                         {{ root.category.translated.name }}
  67.                     {% else %}
  68.                         {#
  69.                         <a href="{{ category_url(root.category) }}"
  70.                            {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  71.                            title="{{ root.category.translated.name }}">
  72.                             {{ root.category.translated.name }}
  73.                         </a>
  74.                         #}
  75.                         <span>{{ root.category.translated.name }}</span>
  76.                     {% endif %}
  77.                     {% block layout_footer_navigation_information_icons %}
  78.                         <div class="footer-column-toggle">
  79.                                                     <span class="footer-plus-icon">
  80.                                                         {% sw_icon 'plus' %}
  81.                                                     </span>
  82.                             <span class="footer-minus-icon">
  83.                                                         {% sw_icon 'minus' %}
  84.                                                     </span>
  85.                         </div>
  86.                     {% endblock %}
  87.                 </div>
  88.                 {% endblock %}
  90.                 {% block layout_footer_navigation_information_content %}
  91.                     <div id="collapseFooter{{ loop.index }}"
  92.                          class="footer-column-content collapse js-footer-column-content"
  93.                          aria-labelledby="collapseFooterTitle{{ loop.index }}">
  94.                         <div class="footer-column-content-inner">
  95.                             {% block layout_footer_navigation_information_links %}
  96.                                 <ul class="list-unstyled">
  97.                                     {% for treeItem in root.children %}
  98.                                         {% set category = treeItem.category %}
  99.                                         {% set name = category.translated.name %}
  101.                                         {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  102.                                         {% set externalLink = category.translated.externalLink %}
  104.                                         {% block layout_footer_navigation_information_link_item %}
  105.                                             <li class="footer-link-item">
  106.                                                 {% block layout_footer_navigation_information_link %}
  107.                                                     {% if category.type == 'folder' %}
  108.                                                         <div>{{ name }}</div>
  109.                                                     {% else %}
  110.                                                         <a class="footer-link"
  111.                                                            href="{{ category_url(category) }}"
  112.                                                            {% if category_linknewtab(category) %}target="_blank"{% endif %}
  113.                                                            title="{{ name }}">
  114.                                                             {{ name }}
  115.                                                         </a>
  116.                                                     {% endif %}
  117.                                                 {% endblock %}
  118.                                             </li>
  119.                                         {% endblock %}
  120.                                     {% endfor %}
  121.                                 </ul>
  122.                             {% endblock %}
  123.                         </div>
  124.                     </div>
  125.                 {% endblock %}
  127.             </div>
  128.             {% endblock %}
  129.             {% endfor %}
  130.             {% endblock %}
  132.             {% block wxde_layout_footer_navigation_payment %}
  133.                 {% if theme_config('wxde-footer-payment-icons') == 1 %}
  134.                     <div class="col-md-3 footer-column js-footer-column">
  135.                         {# Start Payment #}
  136.                         {% block layout_footer_navigation_payment_content %}
  138.                             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  139.                                  data-target="#collapseFooterTitlePayment{{ loop.index }}"
  140.                                  aria-expanded="true"
  141.                                  aria-controls="collapseFooterPayment">
  143.                                 {{ 'Wxde.footer.paymentHeader'|trans|sw_sanitize }}
  145.                                 {% block layout_footer_payment_icons %}
  146.                                     <div class="footer-column-toggle">
  147.                                                 <span class="footer-plus-icon">
  148.                                                     {% sw_icon 'plus' %}
  149.                                                 </span>
  150.                                         <span class="footer-minus-icon">
  151.                                                     {% sw_icon 'minus' %}
  152.                                                 </span>
  153.                                     </div>
  154.                                 {% endblock %}
  155.                             </div>
  156.                             <div id="collapseFooterPayment"
  157.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  158.                                  aria-labelledby="collapseFooterTitlePayment">
  159.                                 <div class="footer-logos">
  160.                                     {% if theme_config('wxde-footer-wxde-payment-icons') %}
  161.                                         <ul class="column--content payment--list">
  162.                                             {% if theme_config('wxde-footer-wxde-payment-euro') %}
  163.                                                 <li class="list-inline-item"><i class="fa fa-euro-sign"></i></li>
  164.                                             {% endif %}
  165.                                             {% if theme_config('wxde-footer-wxde-payment-paypal') %}
  166.                                                 <li class="list-inline-item"><i class="fab fa-cc-paypal"></i></li>
  167.                                             {% endif %}
  168.                                             {% if theme_config('wxde-footer-wxde-payment-visa') %}
  169.                                                 <li class="list-inline-item"><i class="fab fa-cc-visa"></i></li>
  170.                                             {% endif %}
  171.                                             {% if theme_config('wxde-footer-wxde-payment-mastercard') %}
  172.                                                 <li class="list-inline-item"><i class="fab fa-cc-mastercard"></i></li>
  173.                                             {% endif %}
  174.                                             {% if theme_config('wxde-footer-wxde-payment-american-express') %}
  175.                                                 <li class="list-inline-item"><i class="fab fa-cc-amex"></i></li>
  176.                                             {% endif %}
  177.                                             {% if theme_config('wxde-footer-wxde-payment-diners') %}
  178.                                                 <li class="list-inline-item"><i class="fab fa-cc-diners-club"></i></li>
  179.                                             {% endif %}
  180.                                             {% if theme_config('wxde-footer-wxde-payment-amazon') %}
  181.                                                 <li class="list-inline-item"><i class="fab fa-cc-amazon-pay"></i></li>
  182.                                             {% endif %}
  183.                                         </ul>
  184.                                     {% else %}
  185.                                         {% block layout_footer_payment_logos %}
  186.                                             {% for paymentMethod in page.salesChannelPaymentMethods %}
  187.                                                 {% block layout_footer_payment_logo %}
  188.                                                     {% if paymentMethod.media %}
  189.                                                         <div class="footer-logo is-payment">
  190.                                                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  191.                                                                 media: paymentMethod.media,
  192.                                                                 sizes: {
  193.                                                                     'default': '100px'
  194.                                                                 },
  195.                                                                 attributes: {
  196.                                                                     'class': 'img-fluid footer-logo-image',
  197.                                                                     'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  198.                                                                     'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  199.                                                                 }
  200.                                                             } %}
  201.                                                         </div>
  202.                                                     {% endif %}
  203.                                                 {% endblock %}
  204.                                             {% endfor %}
  205.                                         {% endblock %}
  206.                                     {% endif %}
  208.                                     {% block layout_footer_shipping_logos %}
  209.                                         {% for shippingMethod in page.salesChannelShippingMethods %}
  210.                                             {% block layout_footer_shipping_logo %}
  211.                                                 {% if shippingMethod.media %}
  212.                                                     <div class="footer-logo is-shipping">
  213.                                                         {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  214.                                                             media: shippingMethod.media,
  215.                                                             sizes: {
  216.                                                                 'default': '100px'
  217.                                                             },
  218.                                                             attributes: {
  219.                                                                 'class': 'img-fluid footer-logo-image',
  220.                                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  221.                                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  222.                                                             }
  223.                                                         } %}
  224.                                                     </div>
  225.                                                 {% endif %}
  226.                                             {% endblock %}
  227.                                         {% endfor %}
  228.                                     {% endblock %}
  229.                                 </div>
  230.                             </div>
  232.                         {% endblock %}
  234.                         {# End Payment #}
  235.                     </div>
  236.                 {% endif %}
  237.             {% endblock %}
  239.             {% block wxde_layout_footer_navigation_social %}
  240.                 {% if theme_config('wxde-footer-social-icons') == 1 %}
  241.                     <div class="col-md-3 footer-column js-footer-column">
  242.                         {# start social #}
  243.                         {% block wxde_layout_footer_navigation_social_headline %}
  244.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  245.                                  id="collapseFooterTitleSocial"
  246.                                  data-target="#collapseFooterSocial"
  247.                                  aria-expanded="true"
  248.                                  aria-controls="collapseFooterSocial">
  250.                                 {{ 'Wxde.footer.socialHeader'|trans|sw_sanitize }}
  252.                             </div>
  253.                         {% endblock %}
  255.                         {% block layout_footer_navigation_social_content %}
  256.                             <div id="collapseFooterSocial"
  257.                                  class="footer-column-content collapse js-footer-column-content footer-contact"
  258.                                  aria-labelledby="collapseFooterTitleSocial">
  259.                                 <div class="footer-column-content-inner">
  260.                                     <ul class="column--content social--list">
  261.                                         {% if theme_config('wxde-footer-social-mail') %}
  262.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-mail') }}" target="_blank" rel="noopener" title="E-Mail"><i class="fas fa-envelope"></i></a></li>
  263.                                         {% endif %}
  264.                                         {% if theme_config('wxde-footer-social-facebook') %}
  265.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-facebook') }}" target="_blank" rel="noopener" title="Facebook"><i class="fab fa-facebook"></i></a></li>
  266.                                         {% endif %}
  267.                                         {% if theme_config('wxde-footer-social-instagram') %}
  268.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-instagram') }}" target="_blank" rel="noopener" title="Instagram"><i class="fab fa-instagram"></i></a></li>
  269.                                         {% endif %}
  270.                                         {% if theme_config('wxde-footer-social-twitter') %}
  271.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-twitter') }}" target="_blank" rel="noopener" title="Twitter"><i class="fab fa-twitter"></i></a></li>
  272.                                         {% endif %}
  273.                                         {% if theme_config('wxde-footer-social-youtube') %}
  274.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-youtube') }}" target="_blank" rel="noopener" title="Youtube"><i class="fab fa-youtube"></i></a></li>
  275.                                         {% endif %}
  276.                                         {% if theme_config('wxde-footer-social-vimeo') %}
  277.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-vimeo') }}" target="_blank" rel="noopener" title="Vimeo"><i class="fab fa-vimeo"></i></a></li>
  278.                                         {% endif %}
  279.                                         {% if theme_config('wxde-footer-social-pinterest') %}
  280.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-pinterest') }}" target="_blank" rel="noopener" title="Pinterest"><i class="fab fa-pinterest"></i></a></li>
  281.                                         {% endif %}
  282.                                         {% if theme_config('wxde-footer-social-xing') %}
  283.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-xing') }}" target="_blank" rel="noopener" title="xing"><i class="fab fa-xing"></i></a></li>
  284.                                         {% endif %}
  285.                                         {% if theme_config('wxde-footer-social-linkedin') %}
  286.                                             <li class="list-inline-item"><a href="{{ theme_config('wxde-footer-social-linkedin') }}" target="_blank" rel="noopener" title="linkedin"><i class="fab fa-linkedin"></i></a></li>
  287.                                         {% endif %}
  288.                                     </ul>
  289.                                 </div>
  290.                             </div>
  291.                         {% endblock %}
  292.                         {# end social #}
  293.                     </div>
  294.                 {% endif %}
  295.             {% endblock %}
  296.         </div>
  297.         </div>
  298.         </div>
  299.     {% endblock %}
  301.     </div>
  302.     </div>
  304.     {# Moved to layout_footer_navigation_columns #}
  305.     {% block layout_footer_payment_shipping_logos %}
  306.     {% endblock %}
  308.     {# Moved layout_footer_bottom to base.html.twig #}
  309.     {% block layout_footer_bottom %}
  310.     {% endblock %}
  312. {% endblock %}