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' : '' %}
  7. <div class="{{ ['banner', bannerClass]|join(' ') }}" data-status="loading">
  8.     {% if not bannerFull %}
  9.         <div class="container banner-container mobile--wid">
  10.     {% endif %}
  11.         <div class="js--slider banner-slider" id="banner-slider" data-slider-options-label="banner-slider">
  12.             {% for banner in banners %}
  13.                 <div class="banner-item">
  14.                     <div class="item-box">
  15.                         {% if banner.link %}
  16.                             <a href="{{ banner.link }}">
  17.                         {% endif %}
  18.                             {{ imgUpload(banner.image, enum('AbstractEnum::PATH_OTHERS'), bannerOption, banner.title)}}
  19.                             {% if isDarkTheme %}
  20.                                 <div class="banner-mask"></div>
  21.                                 <div class="banner-mask-bottom-before"></div>
  22.                             {% endif %}
  23.                             <div class="legend">
  24.                                 {% if banner.title != null %}
  25.                                     <p class="title">{{ banner.title }}</p>
  26.                                 {% endif %}
  27.                                 {% if banner.subtitle != null %}
  28.                                     <p class="subtitle">{{ banner.subtitle }}</p>
  29.                                 {% endif %}
  30.                             </div>
  31.                         {% if banner.link %}
  32.                             </a>
  33.                         {% endif %}
  34.                     </div>
  35.                 </div>
  36.             {% endfor %}
  37.         </div>
  38.         <div id="banner-controls-container">
  39.             <div id="arrows-banner-slider">
  40.                 <div class="banner-seta banner-seta-prev">{{ ico('chevron-left')  }}</div>
  41.                 <div class="banner-seta banner-seta-next">{{ ico('chevron-right') }}</div>
  42.             </div>
  43.         </div>
  44.     {% if not bannerFull %}
  45.         </div>
  46.     {% endif %}
  47. </div>
  49. {% if isDarkTheme %}
  50. <div class="banner-mask-bottom-after">
  51.     <div></div>
  52. </div>
  53. {% endif %}
  55. {% endif %}