templates/widget/slider-for-main/default.html.twig line 1

Open in your IDE?
  1. <div class="hero home-page">
  2.     <div class="container-fluid">
  3.         <div class="hero__content">
  4.             {% if album_mobile_items %}
  5.                 <div class="swiper info-slider hero-slider hero-slider__mobile">
  6.                     <div class="swiper-wrapper info-slider__items">
  8.                         {% for album_mobile_item in album_mobile_items %}
  9.                             {% set is_youtube_link = 'youtu' in album_mobile_item.link %}
  11.                             <a class="swiper-slide info-slider__item" {{ is_youtube_link ? 'data-fancybox' }} href="{{ album_mobile_item.link|default('javascript:void(0);') }}" style="background: url('{{ album_mobile_item.uri }}') center / cover no-repeat">
  12.                                 <div class="info-slider__item-content">
  14.                                     {% if is_youtube_link %}
  15.                                         <div class="info-slider__item-icon">
  16.                                             <svg class="icon icon-play">
  17.                                                 <use xlink:href="/img/sprite.svg#icon-play"></use>
  18.                                             </svg>
  19.                                         </div>
  20.                                     {% endif %}
  22.                                     <div class="info-slider__item-text">
  23.                                         {{ album_mobile_item.description|raw }}
  24.                                     </div>
  25.                                 </div>
  26.                             </a>
  27.                         {% endfor %}
  28.                     </div>
  29.                     <div class="swiper-pagination info-slider-pagination hero-slider-pagination"></div>
  30.                     <div class="info-slider-button info-slider-button-prev hero-slider-button-prev">
  31.                         <span>
  32.                             <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  33.                                 <path d="M31.2237 17.1053C24.1667 17.1053 17.1096 17.1053 10.0525 17.1053C6.91869 17.1053 6.00627 17.5853 2.89571 18C2.24727 18.0865 2.17738 17.4152 2.4914 16.9525C5.19614 12.9665 8.6107 10.6504 11.9999 7.36717C13.0795 6.32131 14.7537 4.67135 15.3453 3.34032C15.5417 2.89838 16.7804 1.21198 16.0437 2.43981C13.7359 6.28611 9.83728 9.15526 6.90991 12.4925C5.66984 13.9061 4.20773 15.4158 3.36299 17.1053C3.07614 17.679 2.79313 18.3157 2.29708 18.7409C0.888329 19.9484 6.22022 24.1894 7.05693 25.0261C8.59498 26.5642 10.2389 29.6276 12.3681 30.3373" stroke="white" stroke-width="3" stroke-linecap="round"/>
  34.                             </svg>
  35.                         </span>
  36.                     </div>
  37.                     <div class="info-slider-button info-slider-button-next hero-slider-button-next">
  38.                         <span>
  39.                             <svg width="35" height="37" viewBox="0 0 35 37" fill="none" xmlns="http://www.w3.org/2000/svg">
  40.                                 <path d="M2 15.4858C8.51235 15.4858 15.0247 15.4858 21.5371 15.4858C24.2584 15.4858 27.9971 15.2372 30.5689 16.1838C32.5478 16.9122 29.9738 14.5037 29.5 13.9456C27.7744 11.9132 24.4458 10.5163 22.8732 8.31664C22.5279 7.83367 21.429 6.97932 21.2698 6.32326C20.7737 4.27792 18.6932 4.113 17.2615 2.82609C12.823 -1.16349 26.4966 10.3462 30.4445 14.9962C33.0472 18.0618 34.5099 18.0355 30.593 20.242C27.301 22.0964 24.0961 26.2242 22.0418 29.7193C21.1819 31.1822 20.3328 34.2754 19.1024 35" stroke="white" stroke-width="3" stroke-linecap="round"/>
  41.                             </svg>
  42.                         </span>
  43.                     </div>
  44.                 </div>
  45.             {% endif %}
  47.             <div class="swiper info-slider hero-slider">
  48.                 <div class="swiper-wrapper info-slider__items">
  49.                     {# ЭТО ЦИКЛ для мобильного слайдера #}
  50.                     {#{% for album_mobile_item in album_mobile_items %}{% endfor %}#}
  52.                     {% for album_item in album_items %}
  53.                         {% set is_youtube_link = 'youtu' in album_item.link %}
  55.                         <a class="swiper-slide info-slider__item" {{ is_youtube_link ? 'data-fancybox' }} href="{{ album_item.link|default('javascript:void(0);') }}" style="background: url('{{ album_item.uri }}') center / cover no-repeat">
  56.                             <div class="info-slider__item-content">
  58.                                 {% if is_youtube_link %}
  59.                                     <div class="info-slider__item-icon">
  60.                                         <svg class="icon icon-play">
  61.                                             <use xlink:href="/img/sprite.svg#icon-play"></use>
  62.                                         </svg>
  63.                                     </div>
  64.                                 {% endif %}
  66.                                 <div class="info-slider__item-text">
  67.                                     {{ album_item.description|raw }}
  68.                                 </div>
  69.                             </div>
  70.                             {# <div class="info-slider__timer"></div> #}
  71.                         </a>
  72.                     {% endfor %}
  73.                 </div>
  74.                 <div class="swiper-pagination info-slider-pagination hero-slider-pagination"></div>
  75.                 <div class="info-slider-button info-slider-button-prev hero-slider-button-prev">
  76.                     <span>
  77.                         <svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
  78.                             <path d="M31.2237 17.1053C24.1667 17.1053 17.1096 17.1053 10.0525 17.1053C6.91869 17.1053 6.00627 17.5853 2.89571 18C2.24727 18.0865 2.17738 17.4152 2.4914 16.9525C5.19614 12.9665 8.6107 10.6504 11.9999 7.36717C13.0795 6.32131 14.7537 4.67135 15.3453 3.34032C15.5417 2.89838 16.7804 1.21198 16.0437 2.43981C13.7359 6.28611 9.83728 9.15526 6.90991 12.4925C5.66984 13.9061 4.20773 15.4158 3.36299 17.1053C3.07614 17.679 2.79313 18.3157 2.29708 18.7409C0.888329 19.9484 6.22022 24.1894 7.05693 25.0261C8.59498 26.5642 10.2389 29.6276 12.3681 30.3373" stroke="white" stroke-width="3" stroke-linecap="round"/>
  79.                         </svg>
  80.                     </span>
  81.                 </div>
  82.                 <div class="info-slider-button info-slider-button-next hero-slider-button-next">
  83.                     <span>
  84.                         <svg width="35" height="37" viewBox="0 0 35 37" fill="none" xmlns="http://www.w3.org/2000/svg">
  85.                             <path d="M2 15.4858C8.51235 15.4858 15.0247 15.4858 21.5371 15.4858C24.2584 15.4858 27.9971 15.2372 30.5689 16.1838C32.5478 16.9122 29.9738 14.5037 29.5 13.9456C27.7744 11.9132 24.4458 10.5163 22.8732 8.31664C22.5279 7.83367 21.429 6.97932 21.2698 6.32326C20.7737 4.27792 18.6932 4.113 17.2615 2.82609C12.823 -1.16349 26.4966 10.3462 30.4445 14.9962C33.0472 18.0618 34.5099 18.0355 30.593 20.242C27.301 22.0964 24.0961 26.2242 22.0418 29.7193C21.1819 31.1822 20.3328 34.2754 19.1024 35" stroke="white" stroke-width="3" stroke-linecap="round"/>
  86.                         </svg>
  87.                     </span>
  88.                 </div>
  89.             </div>
  90.         </div>
  91.     </div>
  92. </div>