themes/BootstrapChildTheme/SyliusShopBundle/views/Homepage/_banner_slider.html.twig line 1

Open in your IDE?
  1. {% if media|length > 0 %}
  2. {#    {{ dump(media) }}#}
  3. {#    {% set media_desktop = media|filter(media => media.alt == 'desktop') %}#}
  4. {#    {{ dump(media_desktop) }}#}
  6.     <section id="homepageSlider" class="homepage-slider splide mx-xl-0">
  7.         <div class="splide__track">
  8.             <ul class="splide__list">
  9.                 {% for item in media|sort((a, b) => a.code <=> b.code) %}
  10.                     <li class="slide-item splide__slide">
  11.                         <div class="slide-item-content row gx-0">
  12.                             <div class="slide-img-wrap col-xl-6 ps-xl-4 d-none d-lg-block">
  14.                                 <img class="lazy slide-img ratio ratio-1x1" src="{{ item.path|imagine_filter('app_shop_taxon_catalog_desktop_small') }}" width="63" height="56" data-src="{{ item.path|imagine_filter('app_shop_original') }}" alt="{{ item.name|striptags }}">
  16.                             </div>
  17.                             <div class="slide-img-wrap col-xl-6 ps-xl-4 d-block d-lg-none" style="background-image: url('{{ item.path|imagine_filter('sylius_shop_product_original') }}')">
  19. {#                                    <source srcset="{{ item.path|imagine_filter('app_shop_home_slider_mobile') }}" media="(min-width: 300px)">#}
  20. {#                                    <img class="lazy slide-img ratio ratio-1x1" src="{{ item.path|imagine_filter('app_shop_taxon_catalog_desktop_small') }}" width="93" height="48" data-src="{{ item.path|imagine_filter('app_shop_original') }}" alt="{{ item.name|striptags }}">#}
  21. {#                                <img class="w-100" src="{{ item.path|imagine_filter('app_shop_home_slider_desktop') }}"#}
  22. {#                                     srcset="{{ item.path|imagine_filter('app_shop_taxon_catalog_575') }} 320w,#}
  23. {#                                                {{ item.path|imagine_filter('app_shop_taxon_catalog_767') }} 576w,#}
  24. {#                                                {{ item.path|imagine_filter('app_shop_taxon_catalog_991') }} 768w,#}
  25. {#                                                {{ item.path|imagine_filter('app_shop_taxon_catalog_1199') }} 992w,#}
  26. {#                                                {{ item.path|imagine_filter('sylius_shop_product_original') }} 1200w" width="100%">#}
  28.                             </div>
  29.                             <div class="slide-text d-flex flex-column justify-content-center col-xl-6 order-xl-first">
  30.                                 <div class="slide-text-content p-4">
  31.                                     <h1 class="title custom-display-4 mb-0">{{ item.name|raw }}</h1>
  32.                                     {% if item.content %}
  33.                                         <div class="fw-medium mt-3">{{ item.content|striptags }}</div>
  34.                                     {% endif %}
  35.                                     {# {% if item.link is not empty %}<a href="{{ item.link }}" target="_blank">LINK</a>{% endif %} #}
  36.                                 </div>
  37.                             </div>
  38.                         </div>
  39.                     </li>
  40.                 {% endfor %}
  41.             </ul>
  42.         </div>
  43.     </section>
  44. {% endif %}