custom/plugins/TwigelPowerSport/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. {% endblock %}
  6. {% block layout_footer_navigation_columns %}
  7.     <div class="footer-body-logo">
  8.         {% block layout_header_logo %}
  9.             <div class="col-12 col-lg-auto header-logo-col">
  10.                 {% sw_include '@Storefront/storefront/layout/header/logo.html.twig' %}
  11.             </div>
  12.         {% endblock %}
  13.     </div>
  14.     <div class="footer-body-columns">
  15.         {{ parent() }}
  16.         <div class="footer-column footer-body-columns-payment">
  17.             <div class="payment-content">
  18.                 <h2 class="payment-content-title">
  19.                     {{ "twigel_quad.footer.payment.payment_options"|trans }}
  20.                 </h2>
  21.                 <p class="payment-content-text">
  22.                     {{ "twigel_quad.footer.payment.payment_options_text"|trans }}
  23.                 </p>
  24.                 <a href="#" class="payment-content-link">
  25.                     {{ "twigel_quad.footer.payment.payment_options_learn"|trans }}
  26.                 </a>
  27.             </div>
  28.             <div class="payment-img">
  29.                 {% block layout_footer_payment_logos %}
  30.                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  31.                         {% block layout_footer_payment_logo %}
  32.                             {% if paymentMethod.media %}
  33.                                 <div class="payment-img-item is-payment">
  34.                                     {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  35.                                         media: paymentMethod.media,
  36.                                         sizes: {
  37.                                             'default': '100px'
  38.                                         },
  39.                                         attributes: {
  40.                                             'class': 'img-fluid footer-logo-image',
  41.                                             'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  42.                                             'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  43.                                         }
  44.                                     } %}
  45.                                 </div>
  46.                             {% endif %}
  47.                         {% endblock %}
  48.                     {% endfor %}
  49.                 {% endblock %}
  50.             </div>
  51.         </div>
  52.     </div>
  53.     <div class="footer-body-socials">
  54.         {% for key,link in page.footer.navigation.active.customFields %}
  55.             {% set iconName = key|split('_')|last %}
  57.             {% if iconName === "facebook"  and link|length %}
  58.                 <a href="{{ link }}" class="social-icon">
  59.                     {% sw_icon 'facebook' style{
  60.                         "namespace":"TwigelPowerSport",
  61.                         "pack":"footer"
  62.                     } %}
  63.                 </a>
  64.             {% elseif iconName === "tiktok"  and link|length %}
  65.                 <a href="{{ link }}" class="social-icon">
  66.                     {% sw_icon 'tiktok' style{
  67.                         "namespace":"TwigelPowerSport",
  68.                         "pack":"footer"
  69.                     } %}
  70.                 </a>
  71.             {% elseif iconName === "youtube"  and link|length %}
  72.                 <a href="{{ link }}" class="social-icon">
  73.                     {% sw_icon 'youtube' style{
  74.                         "namespace":"TwigelPowerSport",
  75.                         "pack":"footer"
  76.                     } %}
  77.                 </a>
  78.             {% else %}
  79.                 <a href="{{ link }}" class="social-icon">
  80.                     {% sw_icon 'instagram' style{
  81.                         "namespace":"TwigelPowerSport",
  82.                         "pack":"footer"
  83.                     } %}
  84.                 </a>
  85.             {% endif %}
  86.         {% endfor %}
  87.     </div>
  88. {% endblock %}
  90. {% block layout_footer_copyright %}
  91. {% endblock %}
  93. {% block layout_footer_navigation_column %}
  94.     <div class="col-md-4 footer-column">
  95.         {% block layout_footer_navigation_information_headline %}
  96.             <div class="footer-column-headline footer-headline">
  98.                 {% if root.category.type == 'folder' %}
  99.                     {{ root.category.translated.name }}
  100.                 {% else %}
  101.                     <a href="{{ category_url(root.category) }}"
  102.                        {% if category_linknewtab(root.category) %}target="_blank"{% endif %}
  103.                        title="{{ root.category.translated.name }}">
  104.                         {{ root.category.translated.name }}
  105.                     </a>
  106.                 {% endif %}
  108.                 {% block layout_footer_navigation_information_icons %}
  109.                 {% endblock %}
  110.             </div>
  111.         {% endblock %}
  113.         {% block layout_footer_navigation_information_content %}
  114.             <div id="collapseFooter{{ loop.index }}"
  115.                  class="footer-column-content">
  116.                 <div class="footer-column-content-inner">
  117.                     {% block layout_footer_navigation_information_links %}
  118.                         {{ parent() }}
  119.                     {% endblock %}
  120.                 </div>
  121.             </div>
  122.         {% endblock %}
  123.     </div>
  124. {% endblock %}
  127. {% block layout_footer_payment_shipping_logos %}
  128. {% endblock %}