vendor/crehler/listing-banner/src/Resources/views/storefront/component/product/listing.html.twig line 1

Open in your IDE?
  1. {% sw_extends '@Storefront/storefront/component/product/listing.html.twig' %}
  3. {% block element_product_listing_col %}
  4.     {% set productBanners = slot.data.listing.extensions.crehlerBanner ?? searchResult.extensions.crehlerBanner %}
  6.     {% for product in searchResult %}
  7.         {% if productBanners and productBanners is not empty %}
  8.             {% set desktopBanner = productBanners.desktopMedia|filter(media => media.position == loop.index-1) %}
  9.             {% set mobileBanner = productBanners.mobileMedia|filter(media => media.position == loop.index-1) %}
  11.             {% for banner in desktopBanner %}
  12.                 <div class="cms-listing-col {{ listingColumns }} d-none d-md-block">
  13.                     <div class="card product-box crehler-product-banner">
  14.                         <div class="card-body">
  15.                             <div class="product-image-wrapper">
  16.                                 {% if banner.link == null %}
  17.                                     {% sw_thumbnails 'product-banner-thumbnails' with {
  18.                                         media: banner.media,
  19.                                         sizes: sizes
  20.                                     } %}
  21.                                 {% else %}
  22.                                     <a href="{{ banner.link }}"
  23.                                        title="{{ banner.media.title }}"
  24.                                        class="">
  26.                                         {% sw_thumbnails 'product-banner-thumbnails' with {
  27.                                             media: banner.media,
  28.                                             sizes: sizes
  29.                                         } %}
  30.                                     </a>
  31.                                 {% endif %}
  33.                             </div>
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.             {% endfor %}
  39.             {% for banner in mobileBanner %}
  40.                 <div class="cms-listing-col {{ listingColumns }} d-md-none">
  41.                     <div class="card product-box crehler-product-banner">
  42.                         <div class="card-body">
  43.                             <div class="product-image-wrapper">
  44.                                 <a href="{{ banner.link }}"
  45.                                    title="{{ banner.media.title }}"
  46.                                    class="product-image-link">
  48.                                     {% sw_thumbnails 'product-banner-thumbnails' with {
  49.                                         media: banner.media,
  50.                                         sizes: sizes
  51.                                     } %}
  52.                                 </a>
  53.                             </div>
  54.                         </div>
  55.                     </div>
  56.                 </div>
  57.             {% endfor %}
  58.         {% endif %}
  60.         <div class="cms-listing-col {{ listingColumns }}">
  61.             {% block element_product_listing_box %}
  62.                 {{ parent() }}
  63.             {% endblock %}
  64.         </div>
  65.     {% endfor %}
  66. {% endblock %}