templates/pages/privado/ajustes/slider/inc/slider_index.html.twig line 1

Open in your IDE?
  1. <div id="carouselExampleIndicators" class="carousel carousel-dark slide fondo-slider" data-bs-ride="carousel">
  2.     <ken-burns-carousel 
  3.         animation-names="ken-burns-center"
  4.         images="https://previews.123rf.com/images/scheriton/scheriton1111/scheriton111100011/11275347-noche-bastante-azul-cielo-con-estrellas-y-luces-de-fondo.jpg">
  5.     </ken-burns-carousel>
  6.     <ol class="carousel-indicators">
  7.         {% for key, slider in Sliders %}
  8.             <li data-bs-target="#carouselExampleIndicators" style="filter:invert(100%)" data-bs-slide-to="{{ key }}" class="{{ key == 0 ? 'active' : ''}}"></li>
  9.         {% endfor %}
  10.     </ol>
  11.     {% set sliders_length = Sliders | length %}
  12.     <div class="carousel-inner d-flex felx-column p-20" style="z-index: 1000;">
  13.         <div class="row">
  14.         <div class="col-12 col-md-6 d-flex flex-column justify-content-center padding-md-left">
  15.             <h1 class="titulo-slider mb-10">{{ 'slider.view.title'| trans({}, 'slider') }}</h1>
  16.             <p class="text-slider mb-10">{{ 'slider.view.text'| trans({}, 'slider') }}</p>
  17.             <div class="enviar-cartas-container me-lg-1 menu-item text-center">
  18.                 {% set locale = app.request.locale %}
  19.                 <a class="enviar-cartas-link justify-content-center menu-link py-3 text-center text-uppercase" href="/{{locale}}/carrito/crear">
  20.                     <span class="text-center">{{ 'inicio.menu.submit_cards'| trans({}, 'inicio') }}</span>
  21.                 </a>
  22.             </div>
  23.         </div>
  24.         {% if sliders_length > 0 %}
  25.             {% for key, slider in Sliders %}
  26.                 <div class="col-md-4 col-12 d-flex flex-column {{ key == 0 ? 'active' : ''}}">
  27.                     {% if slider.SliUrl != "" %}
  28.                         <a class="" href="{{ slider.SliUrl }}">
  29.                         {% endif %}
  30.                         <img class="slider-imagen" style="object-fit: contain;" src='{{ vich_uploader_asset(slider, 'SliImageFile') }}' alt="">
  31.                         {% if slider.SliUrl != "" %}
  32.                         </a>
  33.                     {% endif %}
  34.                 </div>
  35.             {% endfor %}
  36.         {% endif %}
  37.     </div>
  38.     </div>
  39.     <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
  40.         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
  41.         <span class="visually-hidden">Previous</span>
  42.     </button>
  43.     <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
  44.         <span class="carousel-control-next-icon" aria-hidden="true"></span>
  45.         <span class="visually-hidden">Next</span>
  46.     </button>
  47. </div>
  48. <br/>