custom/plugins/TomRockets/src/Resources/views/storefront/component/footer-payments-ship.html.twig line 1

Open in your IDE?
  1. {% block custom_payment_shipping %}
  3.     {# Payment #}
  4.     <div class="col-md-4 col-lg-3 footer-column js-footer-column">
  5.         <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  6.              data-target="#collapseFooterTitlePayment"
  7.              aria-expanded="true"
  8.              aria-controls="collapseFooterPayment">
  9.             {{ "tomRocket.footer.columns.payment.title"|trans }}
  11.             <div class="footer-column-toggle">
  12.                                                 <span class="footer-plus-icon">
  13.                                                     {% sw_icon 'plus' %}
  14.                                                 </span>
  15.                 <span class="footer-minus-icon">
  16.                                                     {% sw_icon 'minus' %}
  17.                                                 </span>
  18.             </div>
  19.         </div>
  21.         <div id="collapseFooterPayment"
  22.              class="footer-column-content collapse js-footer-column-content"
  23.              aria-labelledby="collapseFooterTitlePayment">
  24.             <div class="footer-column-content-inner">
  25.                 <div class="footer-payments">
  26. {#                    <div class="absolute" style="position: absolute; top: 0;#}
  27. {#left: 0; z-index: 100">#}
  28. {#                        {{ dump() }}#}
  29. {#                    </div>#}
  30.                     {% for paymentMethod in page.salesChannelPaymentMethods %}
  31.                         {% block layout_footer_payment_logo %}
  32.                             {% if paymentMethod.media %}
  33.                                 <div class="footer-logo is-payment">
  34.                                     <a href="{{ "tomRocket.footer.columns.payment.link"|trans }}" style="display: inline-block">
  35.                                     {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  36.                                         media: paymentMethod.media,
  37.                                         sizes: {
  38.                                             'default': '100px'
  39.                                         },
  40.                                         attributes: {
  41.                                             'class': 'img-fluid footer-logo-image',
  42.                                             'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  43.                                             'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  44.                                         }
  45.                                     } %}
  46.                                 </a>
  47.                                 </div>
  48.                             {% endif %}
  49.                         {% endblock %}
  50.                     {% endfor %}
  51.                 </div>
  52.             </div>
  53.         </div>
  54.     </div>
  57.     {# Ship #}
  58.     <div class="col-md-4 col-lg-3 footer-column js-footer-column">
  59.         <div class="footer-column-headline footer-headline js-collapse-footer-column-trigger"
  60.              data-target="#collapseFooterTitleShip"
  61.              aria-expanded="true"
  62.              aria-controls="collapseFooterShip">
  63.             {{ "tomRocket.footer.columns.ship.title"|trans }}
  64.             <div class="footer-column-toggle">
  65.                                                 <span class="footer-plus-icon">
  66.                                                     {% sw_icon 'plus' %}
  67.                                                 </span>
  68.                 <span class="footer-minus-icon">
  69.                                                     {% sw_icon 'minus' %}
  70.                                                 </span>
  71.             </div>
  72.         </div>
  74.         <div id="collapseFooterShip"
  75.              class="footer-column-content collapse js-footer-column-content"
  76.              aria-labelledby="collapseFooterTitleShip">
  77.             <div class="footer-column-content-inner">
  78.                 <div class="footer-shipping">
  79.                     {% for shippingMethod in page.salesChannelShippingMethods %}
  80.                         {% block layout_footer_shipping_logo %}
  81.                             {% if shippingMethod.media %}
  82.                                 <div class="footer-logo is-shipping">
  83.                                     <a href="{{ "tomRocket.footer.columns.ship.link"|trans }}" style="display: inline-block">
  84.                                     {% sw_thumbnails 'footer-shipping-image-thumbnails' with {
  85.                                         media: shippingMethod.media,
  86.                                         sizes: {
  87.                                             'default': '100px'
  88.                                         },
  89.                                         attributes: {
  90.                                             'class': 'img-fluid footer-logo-image',
  91.                                             'alt': (shippingMethod.media.translated.alt ?: shippingMethod.translated.name),
  92.                                             'title': (shippingMethod.media.translated.title ?: shippingMethod.translated.name)
  93.                                         }
  94.                                     } %}
  95.                                     </a>
  96.                                 </div>
  97.                             {% endif %}
  98.                         {% endblock %}
  99.                     {% endfor %}
  100.                 </div>
  101.             </div>
  102.             <div class="footer-column-headline">{{ "tomRocket.footer.columns.packing"|trans }}</div>
  103.             <div class="footer-column-content-inner">
  104.                 <div class="footer-packing">
  105.                     <div class="footer-logo">
  106.                         <img src="{{ asset('bundles/tomrockets/Packstation.svg', 'asset') }}"
  107.                              alt="{{ "tomRocket.footer.columns.packing"|trans }}">
  108.                     </div>
  109.                 </div>
  110.             </div>
  111.         </div>
  112.     </div>
  113. {% endblock %}