templates/shared/menu_deroulant.html.twig line 1

Open in your IDE?
  4. {% block body %}
  5. <div class="your-class">
  6.    {% for property in properties %}
  7.         <div class="carousel-item position-relative">
  8.     <a href="{{ path('app_properties_show', { 'id': property.id }) }}">
  9.         {% if property.images|length > 0 %}
  10.             <img style="width: 450px; height: 400px;" src="{{ asset('images/properties/' ~ property.images[0].imagename) }}" alt="{{ property.title }}">
  11.             <h4 class="position-absolute text-white" style="bottom: 0; left: 0; right: 0; margin-bottom:0; background: linear-gradient(to top, rgba(0,0,0,0.9), rgba(255,255,255,0)); padding: 15px;">{{ property.title }}</h4>
  12.         {% else %}
  13.             <img src="{{ asset('images/no-image.png') }}" style="width: 450px; height: 400px;" alt="No image available">
  14.         {% endif %}
  15.     </a>
  16. </div>
  18.    {% endfor %}
  19. </div>
  20. {% endblock %}
  21. </div>
  22. {% block javascripts %}
  23. <script type="text/javascript">
  24. $(document).ready(function(){
  25.   $('.your-class').slick({
  26.     vertical: true,
  27.     infinite: true,
  28.     slidesToShow: 1,
  29.     slidesToScroll: 1,
  30.     autoplay: true,             
  31.     autoplaySpeed: 3500,    
  32.     arrows: false         
  33.       });
  34. });
  35. </script>
  36. {% endblock %}