templates/bundles/SyliusShopBundle/Homepage/_exclusives_offers.html.twig line 1

Open in your IDE?
  1. <div class="ui three cards" id="products">
  2.     <!-- Slider main container -->
  3.     <div class="swiper-exclusiveOffers-button-prev"></div>
  4.     <div class="swiper swiper-exclusiveOffers">
  5.         <!-- Additional required wrapper -->
  6.         <div class="swiper-wrapper">
  7.             <!-- Slides -->
  8.             {% if slides is defined and slides is not empty %}
  9.                 {% for slide in slides %}
  10.                     {% set path = slide.images.first.path|imagine_filter('sylius_shop_product_original') %}
  11.                     <div class="ui fluid card Product_Box_content swiper-slide swiper-slide-active" style="width: 569px;">
  12.                         <div class="Product_Box_content--content">
  13.                             <a href="{{ slide.buttonUrl }}">
  14.                                 <div class="Product_Box_content--image">
  15.                                     <img src="{{ path }}" alt="{{ slide.title }}" class="ui bordered image">
  16.                                 </div>
  17.                             </a>
  18.                         </div>
  19.                         <div class="Product_Box_content--content">
  20.                             <a href="{{ slide.buttonUrl }}">
  21.                                 <div class="Product_Box_content--name">{{ slide.title }}</div>
  22.                             </a>
  23.                             <a href="{{ slide.buttonUrl }}" class="swiper-exclusiveOffers__link">
  24.                                 {{ slide.buttonTitle }}
  25.                             </a>
  26.                         </div>
  27.                     </div>
  28.                 {% endfor %}
  29.             {% endif %}
  30.         </div>
  32.         <!-- If we need pagination -->
  33.         <div class="swiper-pagination-exclusiveOffers"></div>
  35.         <!-- If we need navigation buttons -->
  36.     </div>
  37.     <div class="swiper-exclusiveOffers-button-next"></div>
  38. </div>