custom/plugins/theme/src/Resources/views/storefront/layout/s360/footer-extra.html.twig line 1

Open in your IDE?
  1. <div class="col-md-3 footer-column {% if device != 'mobile' %}js-footer-column{% endif %} footer-column-payment">
  2.     <div class="footer-column-headline footer-headline {% if device != 'mobile' %}js-collapse-footer-column-trigger{% endif %}"
  3.         {% if device != 'mobile' %}
  4.             {{ dataBsTargetAttr }}="#collapseFooterPayment"
  5.             role="button"
  6.             aria-expanded="true"
  7.             aria-controls="collapseFooterPayment"
  8.         {% endif %}
  9.         >
  10.             {{"footer.payment"|trans|sw_sanitize}}
  12.             <div class="footer-column-toggle">
  13.                 <span class="footer-plus-icon">
  14.                     {% sw_icon 'plus' %}
  15.                 </span>
  16.                 <span class="footer-minus-icon">
  17.                     {% sw_icon 'minus' %}
  18.                 </span>
  19.             </div>
  20.     </div>
  22.     <div id="collapseFooterPayment"
  23.             class="footer-column-content {% if device != 'mobile' %}collapse js-footer-column-content{% endif %}"
  24.             aria-labelledby="collapseFooterPayment">
  25.         <div class="footer-column-content-inner">
  26.             {% for paymentMethod in page.salesChannelPaymentMethods %}
  27.                 {% block layout_footer_payment_logo %}
  28.                     {% if paymentMethod.media %}
  29.                         <div class="footer-logo is-payment">
  30.                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  31.                                 media: paymentMethod.media,
  32.                                 sizes: {
  33.                                     'default': '100px'
  34.                                 },
  35.                                 attributes: {
  36.                                     'class': 'img-fluid footer-logo-image',
  37.                                     'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  38.                                     'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  39.                                 }
  40.                             } %}
  41.                         </div>
  42.                     {% endif %}
  43.                 {% endblock %}
  44.             {% endfor %}
  45.         </div>
  46.     </div>
  47. </div>
  48. <div class="col-md-3 footer-column {% if device != 'mobile' %}js-footer-column{% endif %} footer-column-shipping">
  49.     <div class="footer-column-headline footer-headline {% if device != 'mobile' %}js-collapse-footer-column-trigger{% endif %}"
  50.         {% if device != 'mobile' %}
  51.             {{ dataBsTargetAttr }}="#collapseFooterShipping"
  52.             role="button"
  53.             aria-expanded="true"
  54.             aria-controls="collapseFooterShipping"
  55.         {% endif %}
  56.     >
  57.             {{"footer.shipping"|trans|sw_sanitize}}
  59.             <div class="footer-column-toggle">
  60.                 <span class="footer-plus-icon">
  61.                     {% sw_icon 'plus' %}
  62.                 </span>
  63.                 <span class="footer-minus-icon">
  64.                     {% sw_icon 'minus' %}
  65.                 </span>
  66.             </div>
  67.     </div>
  69.     <div id="collapseFooterShipping"
  70.             class="footer-column-content {% if device != 'mobile' %}collapse js-footer-column-content{% endif %}"
  71.             aria-labelledby="collapseFooterShipping">
  72.         <div class="footer-column-content-inner">
  73.             {% for shippingMethod in page.salesChannelShippingMethods %}
  74.                 {% block layout_footer_shipping_logo %}
  75.                     {% if shippingMethod.media %}
  76.                         <div class="footer-logo is-shipping">
  77.                             {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  78.                                 media: shippingMethod.media,
  79.                                 sizes: {
  80.                                     'default': '100px'
  81.                                 },
  82.                                 attributes: {
  83.                                     'class': 'img-fluid footer-logo-image',
  84.                                     'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  85.                                     'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  86.                                 }
  87.                             } %}
  88.                         </div>
  89.                     {% endif %}
  90.                 {% endblock %}
  91.             {% endfor %}
  92.         </div>
  93.     </div>
  94. </div>
  95. <div class="col-md-3 footer-column {% if device != 'mobile' %}js-footer-column{% endif %} footer-column-quality">
  96.     <div class="footer-column-headline footer-headline {% if device != 'mobile' %}js-collapse-footer-column-trigger{% endif %}"
  97.         {% if device != 'mobile' %}
  98.             {{ dataBsTargetAttr }}="#collapseFooterShippingCompanies"
  99.             role="button"
  100.             aria-expanded="true"
  101.             aria-controls="collapseFooterQuality"
  102.         {% endif %}
  103.     >
  104.             {{"footer.qualityTitle"|trans|sw_sanitize}}
  106.             <div class="footer-column-toggle">
  107.                 <span class="footer-plus-icon">
  108.                     {% sw_icon 'plus' %}
  109.                 </span>
  110.                 <span class="footer-minus-icon">
  111.                     {% sw_icon 'minus' %}
  112.                 </span>
  113.             </div>
  114.     </div>
  116.     <div id="collapseFooterQuality"
  117.             class="footer-column-content collapse js-footer-column-content  {% if device == 'mobile' %}show{% endif %}"
  118.             aria-labelledby="collapseFooterQuality">
  119.         <div class="footer-column-content-inner">
  120.             {% sw_include '@Storefront/storefront/layout/s360/quality-badges.html.twig' %}
  121.         </div>
  122.     </div>
  123. </div>
  124. <div class="col-md-3 footer-column footer-column-social">
  125.     <div class="footer-extra-section__social-media d-none d-md-block">
  126.         <div class="footer-column-headline">
  127.            {{ "footer.socialMedia.headline"|trans|sw_sanitize }}
  128.         </div>
  129.         {% sw_include '@Storefront/storefront/layout/s360/social-media.html.twig' %}
  130.     </div>
  131. </div>