custom/plugins/VKTheme/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="container">
  5.         {% block layout_footer_navigation %}
  6.             <div id="footerColumns"
  7.                  class="row footer-columns"
  8.                  data-collapse-footer="true">
  9.                 {% block layout_footer_navigation_hotline %}
  10.                     <div class="col-12 col-md-6 col-lg-4 footer-column js-footer-column">
  11.                         {% block layout_footer_navigation_hotline_headline %}
  12.                             <div class="d-flex" style="height: 80px;">
  13.                                 <a class="footer-logo-link d-flex w-100"
  14.                                    href="{{ path('frontend.home.page') }}"
  15.                                    title="{{ "header.logoLink"|trans|striptags }}">
  16.                                     <picture class="footer-logo-picture footer-column-headline w-100">
  17.                                         {% block layout_footer_navigation_hotline_logo_image_tablet %}
  18.                                             {% if theme_config('sw-logo-tablet') and theme_config('sw-logo-tablet') != theme_config('sw-logo-desktop') %}
  19.                                                 <source srcset="{{ theme_config('sw-logo-tablet') |sw_encode_url }}"
  20.                                                         media="(min-width: {{ theme_config('breakpoint.md') }}px) and (max-width: {{ theme_config('breakpoint.lg') - 1 }}px)">
  21.                                             {% endif %}
  22.                                         {% endblock %}
  24.                                         {% block layout_footer_navigation_hotline_logo_image_mobile %}
  25.                                             {% if theme_config('sw-logo-mobile') and theme_config('sw-logo-mobile') != theme_config('sw-logo-desktop') %}
  26.                                                 <source srcset="{{ theme_config('sw-logo-mobile') |sw_encode_url }}"
  27.                                                         media="(max-width: {{ theme_config('breakpoint.md') - 1 }}px)">
  28.                                             {% endif %}
  29.                                         {% endblock %}
  31.                                         {% block layout_footer_navigation_hotline_logo_image_default %}
  32.                                             {% if theme_config('sw-logo-desktop') %}
  33.                                                 <img src="{{ theme_config('sw-logo-desktop') |sw_encode_url }}"
  34.                                                      alt="{{ "header.logoLink"|trans|striptags }}"
  35.                                                      class="img-fluid header-logo-main-img"/>
  36.                                             {% endif %}
  37.                                         {% endblock %}
  38.                                     </picture>
  39.                                 </a>
  40.                             </div>
  42.                             <div class="footer-column-headline footer-headline js-footer-column-headline js-collapse-footer-column-trigger"
  43.                                  style="padding-top:10px;">
  44.                                 {{ 'footer.serviceHotlineHeadline'|trans|sw_sanitize }}
  45.                                 {% block layout_footer_navigation_hotline_icons %}
  46.                                 {% endblock %}
  47.                             </div>
  48.                         {% endblock %}
  50.                         {% block layout_footer_navigation_hotline_content %}
  51.                             <div id="FooterHotline">
  52.                                 <div class="footer-column-content-inner">
  53.                                     <p class="footer-contact-hotline">
  54.                                         {{ 'footer.serviceHotline'|trans|sw_sanitize }}
  55.                                     </p>
  56.                                 </div>
  57.                                 <div class="footer-contact-form">
  58.                                     {{ 'footer.serviceContactLink'|trans({
  59.                                         '%url%': path('frontend.cms.page', { id: config('core.basicInformation.contactPage') })
  60.                                     })|raw }}
  61.                                 </div>
  62.                             </div>
  65.                             <div class="py-3 px-1 footer-contact-sm-buttons ">
  66.                                 <h4 style="font-size: 1.125rem;text-transform: uppercase;font-family: Roboto Condensed, sans-serif;">{{ "VKSnippet.footer.contact.buttons"|trans|sw_sanitize }}</h4>
  67.                                 <ul class="sm-icons">
  68.                                     <li class="sm-icon">
  69.                                         <a class="sw-icon-facebook text-center" href="{{ "facebook.url"|trans }}">
  70.                                             <img src="https://zro03.ventkom.net/media/98/2a/e4/1623070067/facebook-f-brands.svg">
  71.                                         </a>
  72.                                     </li>
  73.                                     <li class="sm-icon">
  74.                                         <a class="sw-icon-instagram text-center" href="{{ "instagram.url"|trans }}">
  75.                                             <img src="https://zro03.ventkom.net/media/db/ed/13/1623070814/instagram-brands.svg">
  76.                                         </a>
  77.                                     </li>
  78.                                     <li class="sm-icon">
  79.                                         <a class="sw-icon-twitter text-center" href="{{ "twitter.url"|trans }}">
  80.                                             <img src="https://zro03.ventkom.net/media/47/g0/8a/1623072958/twitter-brands.svg">
  81.                                         </a>
  82.                                     </li>
  83.                                     <li class="sm-icon">
  84.                                         <a class="sw-icon-pinterest text-center" href="{{ "pinterest.url"|trans }}">
  85.                                             <img src="https://zro03.ventkom.net/media/dd/e1/7e/1623072962/pinterest-brands.svg">
  86.                                         </a>
  87.                                     </li>
  88.                                     <li class="sm-icon">
  89.                                         <a class="sw-icon-youtube text-center" href="{{ "youtube.url"|trans }}">
  90.                                             <img src="https://zro03.ventkom.net/media/22/7e/18/1623072949/youtube-brands.svg">
  91.                                         </a>
  92.                                     </li>
  93.                                 </ul>
  94.                             </div>
  95.                         {% endblock %}
  96.                     </div>
  97.                 {% endblock %}
  99.                 {% block layout_footer_navigation_columns %}
  100.                     <div class="col-12 col-md-6 col-lg-8 footer-column js-footer-column">
  101.                         <div class="row">
  102.                             <div class="col-12">
  103.                                 {% block layout_footer_navigation_newsletter %}
  104.                                     <div class="cms-block footer-column js-footer-column">
  105.                                         {% block layout_footer_navigation_newsletter_headline %}
  106.                                             <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger">
  107.                                                 Newsletter
  108.                                                 {% block layout_footer_navigation_newsletter_icons %}
  109.                                                 {% endblock %}
  110.                                             </div>
  111.                                         {% endblock %}
  113.                                         {% block layout_footer_navigation_newsletter_content %}
  114.                                             <div id="NewsletterFooter">
  115.                                                 <div class="footer-column-content-inner">
  117.                                                     {% block layout_footer_navigation_newsletter_elements %}
  118.                                                         <div class="cms-element-form">
  119.                                                             <form action="{{ path('frontend.form.newsletter.register.handle') }}"
  120.                                                                   method="post"
  121.                                                                   data-form-csrf-handler="true"
  122.                                                                   data-form-validation="true">
  123.                                                                 {% block cms_form_newsletter_hidden_fields %}
  124.                                                                     <div class="form-hidden-fields">
  125.                                                                         {% block cms_form_newsletter_csrf %}
  126.                                                                             {{ sw_csrf('frontend.form.newsletter.register.handle') }}
  127.                                                                         {% endblock %}
  128.                                                                         {% set formViolations = app.request.get('errors') %}
  129.                                                                         {# based on a POST req. to: Controller/NewsletterController.php #}
  130.                                                                         <input type="hidden" name="option"
  131.                                                                                value="subscribe"/>
  132.                                                                         <input type="submit"
  133.                                                                                class="submit--hidden d-none"/>
  134.                                                                     </div>
  135.                                                                 {% endblock %}
  136.                                                                 <div class="form-content">
  137.                                                                     <div class="w-100 form-group input-group mb-0 pb-1">
  138.                                                                         <label for="footerNewsletterMail"
  139.                                                                                class="hidden"></label>
  140.                                                                         <input name="email"
  141.                                                                                type="email"
  142.                                                                                id="footerNewsletterMail"
  143.                                                                                placeholder="E-Mail Adresse"
  144.                                                                                required="required"
  145.                                                                                value="{{ data.get('email') }}"
  146.                                                                                class="form-control{% if formViolations.getViolations('/email') %} is-invalid{% endif %}"/>
  148.                                                                         {% if formViolations.getViolations( '/email' ) is not empty %}
  149.                                                                             {% sw_include '@Storefront/storefront/utilities/form-violation.html.twig' with {
  150.                                                                                 violationPath: ('/email')
  151.                                                                             } %}
  152.                                                                         {% endif %}
  153.                                                                         <span class="input-btn">
  154.                                                                             <button type="submit"
  155.                                                                                     name="submitNewsletter"
  156.                                                                                     class="footer-abo-btn btn btn-primary d-none d-lg-inline-block px-5">
  157.                                                                                 {% sw_icon 'envelope' %} {{ "VKSnippet.footer.newsletter.button.text"|trans|sw_sanitize }} </button>
  158.                                                                             <button type="submit"
  159.                                                                                     name="submitNewsletter"
  160.                                                                                     class="btn btn-primary d-inline-block d-lg-none"
  161.                                                                                     style="border-top-left-radius: 0;border-bottom-left-radius: 0;border-top-right-radius:5px;border-bottom-right-radius:5px;height: 50px;">
  162.                                                                                 {% sw_icon 'envelope' %} </button>
  163.                                                                             </span>
  164.                                                                     </div>
  165.                                                                     <a data-toggle="modal"
  166.                                                                        href="{{ path('frontend.cms.page',{ id: shopware.config.core.basicInformation.tosPage }) }}"
  167.                                                                        data-url="{{ path('frontend.cms.page',{ id: shopware.config.core.basicInformation.tosPage }) }}">
  168.                                                                     </a>
  169.                                                                     <span class="checkbox"></span>
  170.                                                                     <input type="checkbox"/>
  171.                                                                     <span class="checkbox--state"></span>
  172.                                                                     <span>{{ "VKSnippet.footer.newsletter.underline.first"|trans|sw_sanitize }}
  173.                                                                             <a class="datenschutzerklaerung"
  174.                                                                                href="{{ page.metaInformation.canonical }}">{{ "VKSnippet.footer.newsletter.underline.second"|trans|sw_sanitize }}
  175.                                                                             </a>.
  176.                                                                         </span>
  177.                                                                 </div>
  178.                                                             </form>
  179.                                                         </div>
  180.                                                     {% endblock %}
  181.                                                 </div>
  182.                                             </div>
  183.                                         {% endblock %}
  184.                                     </div>
  185.                                 {% endblock %}
  186.                             </div>
  187.                         </div>
  188.                         <div class="row">
  189.                             {% for root in page.footer.navigation.tree %}
  190.                                 {% block layout_footer_navigation_column %}
  191.                                     <div class="col-12 col-lg-4 footer-column js-footer-column">
  192.                                         {% block layout_footer_navigation_information_headline %}
  193.                                         <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  194.                                              data-target="#collapseFooterTitle{{ loop.index }}"
  195.                                              aria-expanded="true"
  196.                                              aria-controls="collapseFooter{{ loop.index }}">
  198.                                             {% if root.category.type == 'folder' %}
  199.                                                 {{ root.category.translated.name }}
  200.                                             {% else %}
  201.                                                 <a class="footer-link-title" href="{{ category_url(root.category) }}"
  202.                                                    {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  203.                                                    title="{{ root.category.translated.name }}">
  204.                                                     {{ root.category.translated.name }}
  205.                                                 </a>
  206.                                             {% endif %}
  207.                                             {% block layout_footer_navigation_information_icons %}
  208.                                             <div class="footer-column-toggle">
  209.                                                         <span class="footer-plus-icon">
  210.                                                             {% sw_icon 'arrow-circle-right' %}
  211.                                                         </span>
  212.                                                 <span class="footer-minus-icon">
  213.                                                             {% sw_icon 'arrow-circle-down' %}
  214.                                                         </span>
  215.                                                 {% endblock %}
  216.                                             </div>
  217.                                             {% endblock %}
  218.                                         </div>
  220.                                         {% block layout_footer_navigation_information_content %}
  221.                                             <div id="collapseFooter{{ loop.index }}"
  222.                                                  class="footer-column-content collapse js-footer-column-content"
  223.                                                  aria-labelledby="collapseFooterTitle{{ loop.index }}">
  224.                                                 <div class="footer-column-content-inner">
  225.                                                     {% block layout_footer_navigation_information_links %}
  226.                                                         <ul class="list-unstyled m-0">
  227.                                                             {% for treeItem in root.children %}
  228.                                                                 {% set category = treeItem.category %}
  229.                                                                 {% set name = category.translated.name %}
  231.                                                                 {# @deprecated tag:v6.5.0 - Use "category.translated.externalLink" directly or category_url function instead. #}
  232.                                                                 {% set externalLink = category.translated.externalLink %}
  234.                                                                 {% block layout_footer_navigation_information_link_item %}
  235.                                                                     <li class="footer-link-item">
  236.                                                                         {% block layout_footer_navigation_information_link %}
  237.                                                                             {% if category.type == 'folder' %}
  238.                                                                                 <div>{{ name }}</div>
  239.                                                                             {% else %}
  240.                                                                                 <a class="footer-link"
  241.                                                                                    href="{{ category_url(category) }}"
  242.                                                                                    {% if category_linknewtab(category) %}target="_blank"{% endif %}
  243.                                                                                    title="{{ name }}">
  245.                                                                                     <div class="footer-link-text">
  246.                                                                                         <svg viewBox="0 0 24 24"
  247.                                                                                              height="10" width="10"
  248.                                                                                              xmlns="http://www.w3.org/2000/svg"
  249.                                                                                              style="margin-top:-3px;">
  250.                                                                                             <path xmlns="http://www.w3.org/2000/svg"
  251.                                                                                                   d="M9.29289 18.7071C8.90237 18.3166 8.90237 17.6834 9.29289 17.2929L14.5858 12L9.29289 6.70711C8.90237 6.31658 8.90237 5.68342 9.29289 5.29289C9.68342 4.90237 10.3166 4.90237 10.7071 5.29289L16.7071 11.2929C17.0976 11.6834 17.0976 12.3166 16.7071 12.7071L10.7071 18.7071C10.3166 19.0976 9.68342 19.0976 9.29289 18.7071Z"
  252.                                                                                                   fill=""></path>
  253.                                                                                         </svg>
  254.                                                                                         {{ name }}
  255.                                                                                     </div>
  256.                                                                                 </a>
  257.                                                                             {% endif %}
  258.                                                                         {% endblock %}
  259.                                                                     </li>
  260.                                                                 {% endblock %}
  261.                                                             {% endfor %}
  262.                                                         </ul>
  263.                                                     {% endblock %}
  264.                                                 </div>
  265.                                             </div>
  266.                                         {% endblock %}
  267.                                     </div>
  268.                                 {% endblock %}
  269.                             {% endfor %}
  270.                         </div>
  271.                         <div class="col-12 px-2">{{ "VKSnippet.footer.extratext"|trans|sw_sanitize }}</div>
  272.                     </div>
  273.                 {% endblock %}
  274.             </div>
  275.         {% endblock %}
  276.     </div>
  280.     {#
  281.     {% block layout_footer_payment_shipping_logos %}
  282.         <div class="footer-logos">
  283.             {% block layout_footer_payment_logos %}
  284.                 {% for paymentMethod in page.salesChannelPaymentMethods %}
  285.                     {% block layout_footer_payment_logo %}
  286.                         {% if paymentMethod.media %}
  287.                             <div class="footer-logo is-payment">
  288.                                 {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  289.                                     media: paymentMethod.media,
  290.                                     sizes: {
  291.                                         'default': '100px'
  292.                                     },
  293.                                     attributes: {
  294.                                         'class': 'img-fluid footer-logo-image',
  295.                                         'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  296.                                         'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  297.                                     }
  298.                                 } %}
  299.                             </div>
  300.                         {% endif %}
  301.                     {% endblock %}
  302.                 {% endfor %}
  303.             {% endblock %}
  305.             {% block layout_footer_shipping_logos %}
  306.                 {% for shippingMethod in page.salesChannelShippingMethods %}
  307.                     {% block layout_footer_shipping_logo %}
  308.                         {% if shippingMethod.media %}
  309.                             <div class="footer-logo is-shipping">
  310.                                 {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  311.                                     media: shippingMethod.media,
  312.                                     sizes: {
  313.                                         'default': '100px'
  314.                                     },
  315.                                     attributes: {
  316.                                         'class': 'img-fluid footer-logo-image',
  317.                                         'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  318.                                         'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  319.                                     }
  320.                                 } %}
  321.                             </div>
  322.                         {% endif %}
  323.                     {% endblock %}
  324.                 {% endfor %}
  325.             {% endblock %}
  326.         </div>
  327.     {% endblock %}
  331.     {% block layout_footer_bottom %}
  332.         {% block layout_footer_service_menu %}
  333.             {% block layout_footer_service_menu_content %}
  334.                 {% apply spaceless %}
  335.                     <ul class="footer-service-menu-list list-unstyled">
  336.                         {% for serviceMenuItem in page.header.serviceMenu %}
  337.                             {% block layout_footer_service_menu_item %}
  338.                                 <li class="footer-service-menu-item">
  339.                                     <a class="footer-service-menu-link"
  340.                                        href="{{ category_url(serviceMenuItem) }}"
  341.                                        {% if category_linknewtab(serviceMenuItem) %}target="_blank"{% endif %}
  342.                                        title="{{ serviceMenuItem.translated.name }}">
  343.                                         {{ serviceMenuItem.translated.name }}
  344.                                     </a>
  345.                                 </li>
  346.                             {% endblock %}
  347.                         {% endfor %}
  348.                     </ul>
  349.                 {% endapply %}
  350.             {% endblock %}
  351.         {% endblock %}
  353.         {% block layout_footer_vat %}
  354.             <div class="footer-vat">
  355.                 {% if context.taxState == "gross" %}
  356.                     <p>
  357.                         {{ "footer.includeVat"|trans({
  358.                             '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  359.                         })|raw }}
  360.                     </p>
  361.                 {% else %}
  362.                     <p>
  363.                         {{ "footer.excludeVat"|trans({
  364.                             '%url%': path('frontend.cms.page',{ id: config('core.basicInformation.shippingPaymentInfoPage') })
  365.                         })|raw }}
  366.                     </p>
  367.                 {% endif %}
  368.             </div>
  369.         {% endblock %}
  370.     {% endblock %}
  371.     #}
  373.     {% block layout_footer_copyright %}
  374.         <div class="footer-copyright py-1" style="margin-bottom: 4%;">
  375.             <div class="container">
  376.                 <div class="row">
  377.                     <div class="col-12 col-lg-8 d-flex align-items-center justify-content-center justify-content-lg-start py-1">
  378.                         <div class="text-center text-md-start" style="font-size: smaller;">
  379.                             <picture class="footer-logo-picture px-5" style="height:90px;width: 100%;">
  380.                                 {% block layout_header_logo_image_tablet %}
  381.                                     {% if theme_config('sw-logo-tablet') and theme_config('sw-logo-tablet') != theme_config('sw-logo-desktop') %}
  382.                                         <source srcset="{{ theme_config('sw-logo-tablet') |sw_encode_url }}"
  383.                                                 media="(min-width: {{ theme_config('breakpoint.md') }}px) and (max-width: {{ theme_config('breakpoint.lg') - 1 }}px)">
  384.                                     {% endif %}
  385.                                 {% endblock %}
  387.                                 {% block layout_header_logo_image_mobile %}
  388.                                     {% if theme_config('sw-logo-mobile') and theme_config('sw-logo-mobile') != theme_config('sw-logo-desktop') %}
  389.                                         <source srcset="{{ theme_config('sw-logo-mobile') |sw_encode_url }}"
  390.                                                 media="(max-width: {{ theme_config('breakpoint.md') - 1 }}px)">
  391.                                     {% endif %}
  392.                                 {% endblock %}
  394.                                 {% block layout_header_logo_image_default %}
  395.                                     {% if theme_config('sw-logo-desktop') %}
  396.                                         <img src="{{ theme_config('sw-logo-desktop') |sw_encode_url }}"
  397.                                              alt="{{ "header.logoLink"|trans|striptags }}"
  398.                                              class="img-fluid header-logo-main-img"
  399.                                              loading="lazy"
  400.                                              style="height:25px;"/>
  401.                                     {% endif %}
  402.                                 {% endblock %}
  403.                             </picture>
  404.                             <a class="footer-copryright-info">
  405.                                 <span class="d-flex">{{ "footer.copyrightInfo"|trans|sw_sanitize }}</span>
  406.                             </a>
  407.                         </div>
  408.                     </div>
  410.                     <div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-end">
  411.                         <div class="footer-logo is-payment">
  412.                             <img src="https://be-nordic.de/media/a9/e2/01/1664373437/swag_paypal_card.svg" alt="Kreditkarten" class="img-fluid footer-logo-image" title="Kreditkarten" loading="lazy">
  413.                         </div>
  414.                         <div class="footer-logo is-payment">
  415.                             <img src="https://sauna24.de/media/bc/73/ac/1638168182/de-pp-logo-150px.png"
  416.                             class="img-fluid footer-logo-image" alt="PayPal" title="PayPal" loading="lazy">
  417.                         </div>
  418.                         <div class="footer-logo is-payment">
  419.                             <img src="https://sauna24.de/media/b7/8c/96/1660109262/klarna_logo_black.png"
  420.                                  class="img-fluid footer-logo-image" alt="Klarna - Kauf per Kreditkarte"
  421.                             title="Klarna - Kauf per Kreditkarte" loading="lazy">
  422.                         </div>
  423.                         <div class="footer-logo is-payment">
  424.                             <img src="https://be-nordic.de/media/92/71/96/1670925018/vorkasse.png" alt="Vorkasse" class="img-fluid footer-logo-image" title="Vorkasse" loading="lazy">
  425.                         </div>
  426.                         <span style="font-size: 1.5rem;color:white;" class="mx-2">|</span>
  427.                         <div class="footer-logo is-shipping">
  428.                             <img src="https://sauna24.de/media/ba/f5/78/1638171046/519244_v3.png"
  429.                                  class="img-fluid footer-logo-image" alt="Standard GLS" title="Standard GLS"
  430.                                  loading="lazy">
  431.                         </div>
  432.                         <div class="footer-logo is-shipping">
  433.                             <img src="https://sauna24.de/media/72/08/6b/1668418695/GEL.png"
  434.                                  class="img-fluid footer-logo-image" alt="Standard GEL" title="Standard GEL"
  435.                                  loading="lazy">
  436.                         </div>
  437.                         <div class="footer-logo is-shipping">
  438.                             <img src="https://sauna24.de/media/11/fb/d4/1635760075/dhl_logo.png"
  439.                                  class="img-fluid footer-logo-image" alt="Standard DHL" title="Standard DHL"
  440.                                  loading="lazy">
  441.                         </div>
  442.                         <div class="footer-logo is-shipping">
  443.                             <img src="https://sauna24.de/media/ce/28/5c/1668418735/Spedition.png"
  444.                                  class="img-fluid footer-logo-image" alt="Standard SPEDITION" title="Standard SPEDITION"
  445.                                  loading="lazy">
  446.                         </div>
  447.                     </div>
  449.                     {#
  450.                     <div class="col-12 col-lg-4 d-flex align-items-center justify-content-center justify-content-lg-end">
  451.                         {% for paymentMethod in page.salesChannelPaymentMethods %}
  452.                             {% block layout_footer_payment_logo %}
  453.                                 {% if paymentMethod.media %}
  454.                                     <div class="footer-logo is-payment">
  455.                                         {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  456.                                             media: paymentMethod.media,
  457.                                             sizes: {
  458.                                                 'default': '100px'
  459.                                             },
  460.                                             attributes: {
  461.                                                 'class': 'img-fluid footer-logo-image',
  462.                                                 'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  463.                                                 'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name),
  464.                                                 'loading': 'lazy'
  465.                                             }
  466.                                         } %}
  467.                                     </div>
  468.                                 {% endif %}
  469.                             {% endblock %}
  470.                         {% endfor %}
  471.                         <span style="font-size: 1.5rem;" class="mx-2">&vert;</span>
  472.                         {% for shippingMethod in page.salesChannelShippingMethods %}
  473.                             {% block layout_footer_shipping_logo %}
  474.                                 {% if shippingMethod.media %}
  475.                                     <div class="footer-logo is-shipping">
  476.                                         {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  477.                                             media: shippingMethod.media,
  478.                                             sizes: {
  479.                                                 'default': '100px'
  480.                                             },
  481.                                             attributes: {
  482.                                                 'class': 'img-fluid footer-logo-image',
  483.                                                 'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  484.                                                 'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name),
  485.                                                 'loading': 'lazy'
  486.                                             }
  487.                                         } %}
  488.                                     </div>
  489.                                 {% endif %}
  490.                             {% endblock %}
  491.                         {% endfor %}
  492.                     </div>
  493.                     #}
  494.                 </div>
  495.             </div>
  496.         </div>
  497.     {% endblock %}
  498. {% endblock %}