templates/website/home/banner-section.html.twig line 1

Open in your IDE?
  1. {% from 'utils.html.twig' import ico, imgUpload %}
  2. {% if isModuleActive('banner_module') and banners|length > 0 %}
  3.     {% set bannerFull   = getConfig('banner_full') %}
  4.     {% set bannerClass  = bannerFull? 'home-banner-full':'home-banner' %}
  5.     {% set bannerOption = bannerFull? 'home-banner-full':'' %}
  6.     {% set bannerAfter  = searchAfterBanner? 'banner-search-after':'banner-search-apart' %}
  8. <div class="{{ ['banner', bannerClass, bannerAfter]|join(' ') }}" data-status="loading">
  9.     {% if not bannerFull %}
  10.         <div class="container banner-container mobile--wid">
  11.     {% endif %}
  12.         <div class="js--slider banner-slider" id="banner-slider" data-slider-options-label="banner-slider">
  13.             {% for banner in banners %}
  14.                 <div class="banner-item">
  15.                     <div class="item-box">
  16.                         {% if banner.link %}
  17.                             <a href="{{ banner.link }}">
  18.                         {% endif %}
  19.                             {{ imgUpload(banner.image, enum('AbstractEnum::PATH_OTHERS'), bannerOption, banner.title)}}
  20.                             {% if isDarkTheme %}
  21.                                 <div class="banner-mask"></div>
  22.                                 <div class="banner-mask-bottom-before"></div>
  23.                             {% endif %}
  24.                             <div class="legend">
  25.                                 {% if banner.title != null %}
  26.                                     {# <p class="title">{{ banner.title }} {{ banner.title }} {{ banner.title }}</p> #}
  27.                                     <p class="title">{{ banner.title }}</p>
  28.                                 {% endif %}
  29.                                 {% if banner.subtitle != null %}
  30.                                     <p class="subtitle">{{ banner.subtitle }}</p>
  31.                                 {% endif %}
  32.                             </div>
  33.                         {% if banner.link %}
  34.                             </a>
  35.                         {% endif %}
  36.                     </div>
  37.                 </div>
  38.             {% endfor %}
  39.         </div>
  40.         <div id="banner-nav-dots" class="banner-nav-dots">
  41.             {% for ind in range(1, banners|length) %}
  42.                 <button></button>
  43.             {% endfor %}
  44.         </div>
  45.         <div id="banner-seta-prev" class="banner-seta banner-seta-prev">{{ ico('chevron-left')  }}</div>
  46.         <div id="banner-seta-next" class="banner-seta banner-seta-next">{{ ico('chevron-right') }}</div>
  47.     {% if not bannerFull %}</div>{% endif %}
  48. </div>
  50. {% if isDarkTheme %}
  51. <div class="banner-mask-bottom-after">
  52.     <div></div>
  53. </div>
  54. {% endif %}
  56. {% endif %}