templates/pages/home/collections.html.twig line 1

Open in your IDE?
  1.  {% for index, section in home_collections_seopage %}
  2.      {% include 'pages/home/section/collections_' ~ index ~ '.html.twig' with section %}
  3.  {% endfor %}
  5. <section class="slide slide3 slide-collections d-none d-md-flex flex-wrap col-12 p-0 overlay slideJs">
  6.     <div class="carousel collectionCarousel">
  7.         <div class="carousel--block">
  8.             <div class="carousel--header">
  9.                 <h2 class="carousel--title">{{ "Collections"|trans }}</h2>
  10.                 <div class="carousel--arrows d-none d-md-flex">
  11.                     <span class="me-3 collections--arrow-prev arrowTogglerPrev homePageCarouselArrows"><i class="fas fa-chevron-left fa-2x"></i></span>
  12.                     <span class="collections--arrow-next arrowTogglerNext homePageCarouselArrows"><i class="fas fa-chevron-right fa-2x"></i></span>
  13.                 </div>
  14.             </div>
  15.             <ul class="carousel--list">
  16.                 <li class="carousel-subtitle collections-item collections-item-1 txtToggler">
  17.                     <h3>{{ home_collections_seopage.section_1.h3_1|raw }}</h3></li>
  18.                 <li class="mx-2">-</li>
  19.                 <li class="carousel-subtitle collections-item collections-item-2 txtToggler">
  20.                     <h3>{{ home_collections_seopage.section_2.h3_1|raw }}</h3></li>
  21.                 <li class="mx-2">-</li>
  22.                 <li class="carousel-subtitle collections-item collections-item-3 txtToggler">
  23.                     <h3>{{ home_collections_seopage.section_3.h3_1|raw }}</h3></li>
  24.                 <li class="mx-2">-</li>
  25.                 <li class="carousel-subtitle collections-item collections-item-4 txtToggler">
  26.                     <h3>{{ home_collections_seopage.section_4.h3_1|raw }}</h3></li>
  27.                 <li class="mx-2">-</li>
  28.                 <li class="carousel-subtitle collections-item collections-item-5 txtToggler">
  29.                     <h3>{{ home_collections_seopage.section_5.h3_1|raw }}</h3></li>
  30.                 <li class="mx-2">-</li>
  31.                 {# <li class="carousel-subtitle collections-item collections-item-6 txtToggler">
  32.                     <h3>{{ home_collections_seopage.section_6.h3_1|raw }}</h3></li>
  33.                 <li class="mx-2">-</li> #}
  34.                 <li class="carousel-subtitle collections-item collections-item-7 txtToggler">
  35.                     <h3>{{ home_collections_seopage.section_7.h3_1|raw }}</h3></li>
  36.                 <li class="mx-2">-</li>
  37.                 <li class="carousel-subtitle collections-item collections-item-8 txtToggler">
  38.                     <h3>{{ home_collections_seopage.section_8.h3_1|raw }}</h3></li>
  39.                 <li class="mx-2">-</li>
  40.                 <li class="carousel-subtitle collections-item collections-item-9 txtToggler">
  41.                     <h3>{{ home_collections_seopage.section_9.h3_1|raw }}</h3>
  42.                 <li class="mx-2">-</li>
  43.                 <li class="carousel-subtitle collections-item collections-item-9 txtToggler">
  44.                     <h3>{{ home_collections_seopage.section_10.h3_1|raw }}</h3>
  45.                 <li class="mx-2">-</li>
  46.                 <li class="carousel-subtitle collections-item collections-item-11 txtToggler">
  47.                     <h3>{{ home_collections_seopage.section_12.h3_1|raw }}</h3>
  48.                 </li>
  49.             </ul>
  50.             <div class="carousel--txt" id="collectionsTxt">
  51.             </div>
  52.             <div class="carousel--footer">
  53.                 <div class="m-0 collections--circles carousel--circles">
  54.                 </div>
  55.                 <div class="carousel--footer-button-collection carousel--footer-btn primary-btn p-0">
  56.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'barcode' }) }}" class="">Barcode</a>
  57.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'colourful' }) }}" class="">Colourful</a>
  58.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'cracked-earth' }) }}" class="">Cracked Earth</a>
  59.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'herringbone' }) }}" class="">Herringbone</a>
  60.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'hybrid' }) }}" class="">Hybrid</a>
  61.                     {# <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'infinite' }) }}" class="">Infinite</a> #}
  62.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'lustre' }) }}" class="">Lustre</a>
  63.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'new-basic' }) }}" class="">New Basic</a>
  64.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'stripes' }) }}" class="">Stripes</a>
  65.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'desert' }) }}" class="">Desert</a>
  66.                     <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'marble' }) }}" class="">Marble</a>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  71.     <div class="slide--arrow slideArrow">
  72.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon' | trans }}">
  73.     </div>
  74. </section>
  75. <section class="slide slide2 d-md-none d-flex flex-wrap flex-column align-items-center col-12 p-0 slide--sm-collections carousel--sm slideJs">
  76.     <div class="collections--sm-header carousel--sm-header d-flex p-0">
  77.         <div class="collections--sm-header-displayed-collections carousel--sm-header-displayed h3 m-0 d-flex align-items-center carousel--sm-title">
  78.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'barcode' }) }}" class="">Barcode</a>
  79.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'colourful' }) }}" class="">Colourful</a>
  80.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'cracked_earth' }) }}" class="">Cracked Earth</a>
  81.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'herringbone' }) }}" class="">Herringbone</a>
  82.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'hybrid' }) }}" class="">Hybrid</a>
  83.             {# <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'infinite' }) }}" class="">Infinite</a> #}
  84.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'lustre' }) }}" class="">Lustre</a>
  85.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'new_basic' }) }}" class="">New Basic</a>
  86.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'stripes' }) }}" class="">Stripes</a>
  87.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'desert' }) }}" class="">Desert</a>
  88.             <a href="{{ path('pages_products_filter_by_collection', { _locale:  currentLocale, collectionSlug: 'marble' }) }}" class="">Marble</a>
  89.         </div>
  90.         <div class="collections--sm-header-left collections--sm-header-arrow carousel--sm-header-arrow d-flex align-items-center justify-content-center smArrowTogglerPrev">
  91.             <i class="fas fa-angle-left fa-2x"></i>
  92.         </div>
  93.         <div class="collections--sm-header-right collections--sm-header-arrow carousel--sm-header-arrow d-flex align-items-center justify-content-center smArrowTogglerNext">
  94.             <i class="fas fa-angle-right fa-2x"></i>
  95.         </div>
  96.     </div>
  97.     <div class="collections--sm-content carousel--sm-content about--content-desc">
  98.         <div class="collections--sm-content-txt carousel--sm-txt carousel--txt">
  99.         </div>
  100.         <span class="homeCarouselPlus"><i class="fas fa-plus"></i></span>
  101.         <span class="homeCarouselMinus d-none"><i class="fas fa-minus"></i></span>
  102.     </div>
  103.     <div class="slide--arrow slideArrow">
  104.         <img src="{{ asset('build/icon/2tec2_arrow_bottom_black.svg') }}" alt="{{ 'caret down icon' | trans }}">
  105.     </div>
  106. </section>