custom/plugins/EmzPlatformShippingPaymentIcons/src/Resources/views/storefront/page/product-detail/buy-widget.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/page/product-detail/buy-widget.html.twig' %}
  3. {% block page_product_detail_ordernumber_container %}
  4.     {{ parent() }}
  6.     {% set productIcons = page.extensions.emzShippingPaymentIcons.get('wrapper') %}
  8.     {% if productIcons %}
  9.         <style>
  10.             .emz-spi--wrapper {
  11.                 border-top: 1px solid #d4e2e2;
  12.             }
  14.             .emz-spi--wrapper .footer-column-content:after {
  15.                 height: auto;
  16.             }
  18.             .emz-spi--image-wrapper {
  19.                 display: flex;
  20.                 margin-top: 12px;
  21.                 justify-content: space-evenly;
  22.                 flex-wrap: wrap;
  23.             }
  25.             .emz-spi--image-wrapper .emz-spi--image-outer {
  26.                 margin-bottom: 20px;
  27.                 margin-left: 10px;
  28.                 margin-right: 10px;
  29.             }
  31.             .emz-spi--img {
  32.                 max-height: 30px;
  33.             }
  35.             .emz-spi--image-wrapper .emz-spi--image-outer .emz-spi--image{
  36.                 max-height: 100%;
  37.                 max-width: 100%;
  38.             }
  40.             @media screen and (min-width: 768px) {
  41.                 .emz-spi--image-wrapper {
  42.                     margin-top: 20px;
  43.                 }
  44.                 
  45.                 .emz-spi--wrapper .footer-column-content {
  46.                     height: auto;
  47.                 }
  48.                 
  49.                 .emz-spi--wrapper .footer-column-headline {
  50.                     display: none;
  51.                 }
  52.             }
  53.         </style>
  55.         <div class="emz-spi--wrapper">
  56.             <div class="container" data-collapse-footer="true">
  57.                 <div class="row">
  58.                     <div class="col">
  59.                         <div class="emz-spi--image-wrapper">
  61.                             {# output of logos #}
  62.                             {% for icon in productIcons %}
  63.                                 {% if icon.src %}
  65.                                     <div class="emz-spi--image-outer">
  66.                                         {% sw_thumbnails 'emz-spi--image' with {
  67.                                             media: icon.src,
  68.                                             sizes: {
  69.                                                 'default': '100px'
  70.                                             },
  71.                                             attributes: {
  72.                                                 'alt': icon.alt|u.truncate(125),
  73.                                                 'title': icon.title|u.truncate(125),
  74.                                                 'class': 'emz-spi--img'
  75.                                             }
  76.                                         } %}
  77.                                     </div>
  79.                                 {% endif %}
  80.                             {% endfor %}
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>
  86.         </div>
  87.         
  88.     {% endif %}
  89. {% endblock %}