templates/Blocks/Slider/Frontend/renderFrontend.html.twig line 1

Open in your IDE?
  1. {% set sliderKey = (random(9,99999) * random(9,99999)) %}
  3. <section class="hero">
  4.     <div id="slider-{{ sliderKey }}" class="carousel slide" data-ride="carousel">
  6.         <ol class="carousel-indicators">
  7.             {% if data.slides|length %}
  8.                 {% for key, someSlide in data.slides %}
  9.                     <li data-target="#slider-{{ sliderKey }}" data-slide-to="{{ (key - 1) }}" class="{{ (key - 1) == 0 ? 'active' : '' }}"></li>
  10.                 {% endfor %}
  11.             {% endif %}
  12.         </ol>
  14.         <div class="carousel-inner">
  16.             {% if data.slides|length %}
  17.                 {% for key, someSlide in data.slides %}
  18.                 
  19.                     <div class="carousel-item {{ (key - 1) == 0 ? 'active' : '' }}" style="background-image:url({{ someSlide.image }});">
  20.                         <div class="overlay">
  21.                             <div class="carousel-content">
  22.                                 <div class="container h-100">
  23.                                     <div class="d-table h-100">
  24.                                         <div class="align-middle d-table-cell">
  25.                                             <div class="row">
  26.                                                 <div class="col-md-6 col-lg-4">
  27.                                                     <h1>{{ someSlide.title|nl2br|raw }}</h1>
  28.                                                     {% if someSlide.buttonLabel and someSlide.buttonUrl %}
  29.                                                         <a href="{{ someSlide.buttonUrl }}" class="btn btn-lg btn-primary">{{ someSlide.buttonLabel }}</a>
  30.                                                     {% endif %}
  31.                                                 </div>
  32.                                             </div>
  33.                                         </div>
  34.                                     </div>
  35.                                 </div>
  36.                             </div>
  37.                         </div>
  38.                     </div>
  39.                 {% endfor %}
  40.             {% endif %}
  42.         </div>
  44.     </div>
  45. </section>