templates/snippets/footer-slider.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('layout/includes/css.html.twig') }}
  3. {% endif %}
  4. <section>
  5.     <div class="footer__slider-container">
  7.         {% if not pimcore_input('title').isEmpty() or editmode %}
  8.             <h2 class="text-center h4">
  9.                 {{ pimcore_input('title') }}
  10.             </h2>
  11.         {% endif %}
  12.         {% if editmode %}
  13.             {{ pimcore_input('slider-info') }}
  14.         {% endif %}
  15.         <div class="footer__slider-container__list js-scroll-slider scroll-slider position-relative" data-scroll-slider-dots="false">
  16.             <div class="scrolling-area scrolling-area--inset js-scroll-slider__area">
  17.                 {% if editmode %}
  18.                     {% for i in pimcore_iterate_block(pimcore_block('slider-items')) %}
  19.                         {{ pimcore_image('slider-image') }}
  20.                         {{ pimcore_link('slider-link') }}
  21.                     {% endfor %}
  22.                 {% endif %}
  23.                 {% if not editmode %}
  24.                 {% for i in pimcore_iterate_block(pimcore_block('slider-items')) %}
  25.                     <div class="scrolling-area__item js-scroll-slider__item">
  26.                         <div class="footer__slider__div" >
  27.                             {% if not pimcore_link('slider-link').empty %}
  28.                                 <a class="ratio ratio-1x1" href="{{ pimcore_link('slider-link').href }}" target="{{ pimcore_link('slider-link').target }}">
  29.                             {% else %}
  30.                                 <div class="ratio ratio-1x1">
  31.                             {% endif %}
  33.                             {{ pimcore_image('slider-image', {
  34.                                 thumbnail:'certificate-img',
  35.                                 imgAttributes:{
  36.                                     class:'js-lazy-img ratio-item footer__slider__img'
  37.                                 },
  38.                                 lowQualityPlaceholder:true
  39.                             })|raw }}
  41.                             {% if not pimcore_link('slider-link').empty %}
  42.                                  </a>
  43.                             {% else %}
  44.                                 </div>
  45.                             {% endif %}
  46.                         </div>
  47.                     </div>
  48.                 {% endfor %}
  49.                 {% endif %}
  50.             </div>
  51.         </div>
  52.     </div>
  54.     {% if not editmode and not pimcore_input('slider-info').empty %}
  55.         <div class="container">
  56.             <div class="footer__slider-info">
  57.                 {{ pimcore_input('slider-info') }}
  58.             </div>
  59.         </div>
  60.     {% endif %}
  61. </section>