custom/plugins/TcinnThemeWareModern/src/Resources/views/storefront/themeware/includes/twt-payment-logos-include.html.twig line 1

Open in your IDE?
  1. {# ThemeWare "Payment logos" #}
  2. {# TW payment logos/content #}
  4. {# TODO: Blöcke prüfen... #}
  6. {# ---------------- START: SET TEMPLATE VARS ---------------- #}
  8. {# ThemeWare: Set theme variables #}
  9. {% set twtWidgetPaymentLogoLink = theme_config('twt-widget-payment-logo-link') %}
  10. {% set twtCustomPaymentImage1 = theme_config('twt-widget-payment-logo-custom-image-1') %}
  11. {% set twtCustomPaymentImage2 = theme_config('twt-widget-payment-logo-custom-image-2') %}
  12. {% set twtCustomPaymentImage3 = theme_config('twt-widget-payment-logo-custom-image-3') %}
  13. {% set twtWidgetPaymentLogoFallbackBadge = theme_config('twt-widget-payment-logo-fallback-badge') %}
  15. {% set twtWidgetPaymentLogoMaxHeight = theme_config('twt-widget-payment-logo-max-height') %}
  17. {% set twtCustomPaymentImagesOnly = theme_config('twt-widget-payment-logo-custom-images-only') %} {# 1 = no | 2 = yes #}
  18. {% if twtCustomPaymentImagesOnly is empty %}
  19.     {% set twtCustomPaymentImagesOnly = 1 %}
  20. {% endif %}
  22. {# ---------------- END: SET TEMPLATE VARS ---------------- #}
  24. {# ThemeWare: Add payment logos #}
  25. {% block twt_payment_logos_content %}
  26.     {% if twtCustomPaymentImagesOnly == 1 %}
  27.         {% for paymentMethod in page.salesChannelPaymentMethods %}
  28.             {% if paymentMethod.media %}
  29.                 {# ThemeWare: Add logo #}
  30.                 <div class="{{ type }}-logo is-payment-logo">
  31.                     {% if twtWidgetPaymentLogoLink == 2 %}
  32.                         <a href="{{ "twt.widget.payment.link"|trans }}" title="{{ paymentMethod.name }}">
  33.                     {% endif %}
  34.                         {% if "twt" in paymentMethod.media.fileName %}
  35.                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  36.                                 media: paymentMethod.media,
  37.                                 sizes: {
  38.                                     'default': twtWidgetPaymentLogoMaxHeight|number_format ~ 'px'
  39.                                 },
  40.                                 attributes: {
  41.                                     'class': 'footer-logo-image',
  42.                                     'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  43.                                     'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name),
  44.                                     'height': twtWidgetPaymentLogoMaxHeight|number_format ~ 'px',
  45.                                     'width': (twtWidgetPaymentLogoMaxHeight|number_format * 1.96)|round(0, 'floor') ~ 'px'
  46.                                 }
  47.                             } %}
  48.                         {% else %}
  49.                             {% sw_thumbnails 'footer-payment-image-thumbnails' with {
  50.                                 media: paymentMethod.media,
  51.                                 sizes: {
  52.                                     'default': twtWidgetPaymentLogoMaxHeight|number_format ~ 'px'
  53.                                 },
  54.                                 attributes: {
  55.                                     'class': 'footer-logo-image',
  56.                                     'alt': (paymentMethod.media.translated.alt ?: paymentMethod.translated.name),
  57.                                     'title': (paymentMethod.media.translated.title ?: paymentMethod.translated.name)
  58.                                 }
  59.                             } %}
  60.                         {% endif %}
  61.                     {% if twtWidgetPaymentLogoLink == 2 %}
  62.                         </a>
  63.                     {% endif %}
  64.                 </div>
  65.             {% else %}
  66.                 {# ThemeWare: Add fallback badge #}
  67.                 {% if twtWidgetPaymentLogoFallbackBadge == 2 %}
  68.                     <div  class="{{ type }}-logo is-payment-logo is-fallback-badge">
  69.                         {% if twtWidgetPaymentLogoLink == 2 %}
  70.                             <a href="{{ "twt.widget.payment.link"|trans }}" title="{{ paymentMethod.name }}">
  71.                                 <span>{{ paymentMethod.name }}</span>
  72.                             </a>
  73.                         {% else %}
  74.                             <div title="{{ paymentMethod.name }}">
  75.                                 <span>{{ paymentMethod.name }}</span>
  76.                             </div>
  77.                         {% endif %}
  78.                     </div>
  79.                 {% endif %}
  80.             {% endif %}
  81.         {% endfor %}
  82.     {% endif %}
  83. {% endblock %}
  85. {# ThemeWare: Add custom payment logos #}
  86. {% block twt_payment_logos_custom %}
  87.     {# ThemeWare: Add custom image 1 #}
  88.     {% if twtCustomPaymentImage1 %}
  89.         <div class="{{ type }}-logo is-payment-logo is-custom-logo">
  90.             {% if twtWidgetPaymentLogoLink == 2 %}
  91.                 <a href="{{ "twt.widget.payment.link"|trans }}" title="{{ "twt.widget.payment.customImages.title1"|trans }}">
  92.             {% endif %}
  93.                 <img src="{{ twtCustomPaymentImage1 |sw_encode_url }}" class="footer-logo-image" alt="{{ "twt.widget.payment.customImages.title1"|trans }}" title="{{ "twt.widget.payment.customImages.title1"|trans }}"/>
  94.             {% if twtWidgetPaymentLogoLink == 2 %}
  95.                 </a>
  96.             {% endif %}
  97.         </div>
  98.     {% endif %}
  100.     {# ThemeWare: Add custom image 2 #}
  101.     {% if twtCustomPaymentImage2 %}
  102.         <div class="{{ type }}-logo is-payment-logo is-custom-logo">
  103.             {% if twtWidgetPaymentLogoLink == 2 %}
  104.                 <a href="{{ "twt.widget.payment.link"|trans }}" title="{{ "twt.widget.payment.customImages.title2"|trans }}">
  105.             {% endif %}
  106.                 <img src="{{ twtCustomPaymentImage2 |sw_encode_url }}" class="footer-logo-image" alt="{{ "twt.widget.payment.customImages.title2"|trans }}" title="{{ "twt.widget.payment.customImages.title2"|trans }}"/>
  107.             {% if twtWidgetPaymentLogoLink == 2 %}
  108.                 </a>
  109.             {% endif %}
  110.         </div>
  111.     {% endif %}
  113.     {# ThemeWare: Add custom image 3 #}
  114.     {% if twtCustomPaymentImage3 %}
  115.         <div class="{{ type }}-logo is-payment-logo is-custom-logo">
  116.             {% if twtWidgetPaymentLogoLink == 2 %}
  117.                 <a href="{{ "twt.widget.payment.link"|trans }}" title="{{ "twt.widget.payment.customImages.title3"|trans }}">
  118.             {% endif %}
  119.                 <img src="{{ twtCustomPaymentImage3 |sw_encode_url }}" class="footer-logo-image" alt="{{ "twt.widget.payment.customImages.title3"|trans }}" title="{{ "twt.widget.payment.customImages.title3"|trans }}"/>
  120.             {% if twtWidgetPaymentLogoLink == 2 %}
  121.                 </a>
  122.             {% endif %}
  123.         </div>
  124.     {% endif %}
  125. {% endblock %}