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) }}#}
  5.     <section id="homepageSlider" class="homepage-slider splide mx-xl-0">
  6.         <div class="splide__track">
  7.             <ul class="splide__list">
  8.                 {% for item in media|sort((a, b) => a.code <=> b.code) %}
  9.                     <li class="slide-item splide__slide">
  10.                         <div class="slide-item-content row gx-0">
  11.                             <div class="slide-img-wrap col-xl-6 ps-xl-4 d-none d-lg-block">
  12.                                 <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 }}">
  13.                             </div>
  14.                             <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') }}')">
  15. {#                                    <source srcset="{{ item.path|imagine_filter('app_shop_home_slider_mobile') }}" media="(min-width: 300px)">#}
  16. {#                                    <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 }}">#}
  17. {#                                <img class="w-100" src="{{ item.path|imagine_filter('app_shop_home_slider_desktop') }}"#}
  18. {#                                     srcset="{{ item.path|imagine_filter('app_shop_taxon_catalog_575') }} 320w,#}
  19. {#                                                {{ item.path|imagine_filter('app_shop_taxon_catalog_767') }} 576w,#}
  20. {#                                                {{ item.path|imagine_filter('app_shop_taxon_catalog_991') }} 768w,#}
  21. {#                                                {{ item.path|imagine_filter('app_shop_taxon_catalog_1199') }} 992w,#}
  22. {#                                                {{ item.path|imagine_filter('sylius_shop_product_original') }} 1200w" width="100%">#}
  23.                             </div>
  24.                             <div class="slide-text d-flex flex-column justify-content-center col-xl-6 order-xl-first">
  25.                                 <div class="slide-text-content p-4">
  26.                                     <h1 class="title custom-display-4 mb-0">{{ item.name|raw }}</h1>
  27.                                     {% if item.content %}
  28.                                         <div class="fw-medium mt-3">{{ item.content|striptags }}</div>
  29.                                     {% endif %}
  30.                                     {# {% if item.link is not empty %}<a href="{{ item.link }}" target="_blank">LINK</a>{% endif %} #}
  31.                                 </div>
  32.                             </div>
  33.                         </div>
  34.                     </li>
  35.                 {% endfor %}
  36.             </ul>
  37.         </div>
  38.     </section>
  39. {% endif %}