templates/frontend/block/information_with_gallery.html.twig line 1

  1. <div class="block block-info-with-gallery image-position-{{ image_position|default('right') }}">
  2. {% if block.images is defined %}
  3.     <div class="block-info-gallery">
  4.         <div class="gallery-slider" data-splide="{{
  5.             {
  6.                 'type': 'slide',
  7.                 'pagination': false,
  8.                 'arrows': false,
  9.                 'drag': false,
  10.             }|json_encode|escape('html') }}" data-splide-navContainer="{2}>.block-info-content .gallery-nav">
  11.         {% for image in block.images %}
  12.             <div class="gallery-slide">
  13.                 {{ app_image_html(image.id_file) }}
  14.             </div>
  15.         {% endfor %}
  16.         </div>
  17.     </div>
  18. {% endif %}
  19.     
  20.     <div class="block-info-content">
  21.         <div class="block-info-left">
  22.             <h2 class="block-part-title">{{ block.title }}</h2>
  24.         {% if block.top_buttons is defined %}
  25.             <div class="block-part-buttons-top">
  26.             {% for button in block.top_buttons %}
  27.                 <a href="{{ button.url }}" class="button button-small"><span>{{ button.title }}</span></a>
  28.             {% endfor %}
  29.             </div>
  30.         {% endif %}
  32.         {% if block.description|default %}
  33.             <div class="block-part-description">
  34.                 {{ block.description|raw|editor_content }}
  35.             </div>
  36.         {% endif %}
  38.         {% if block.columns is defined %}
  39.             <div class="block-part-columns">
  40.                 {% for column in block.columns %}
  41.                     <div class="column">
  42.                         {{ app_image_html(column.icon.id_file, { 'class': 'column-icon' }) }}
  43.                         <span class="column-title">{{ column.title }}</span>
  44.                     </div>
  45.                 {% endfor %}
  46.             </div>
  47.         {% endif %}
  49.         {% if block.boxes is defined %}
  50.             <div class="block-part-boxes">
  51.             {% for box in block.boxes %}
  52.                 <span class="box">{{ box.text }}</span>
  53.             {% endfor %}
  54.             </div>
  55.         {% endif %}
  57.         {% if block.bottom_buttons is defined %}
  58.             <div class="block-part-buttons-bottom">
  59.             {% for button in block.bottom_buttons %}
  60.                 <a href="{{ button.url }}" class="button button-primary"><span>{{ button.title }}</span></a>
  61.             {% endfor %}
  62.             </div>
  63.         {% endif %}
  64.         </div>
  66.     {% if block.images is defined %}
  67.         <div class="block-info-right">
  68.             <div class="gallery-nav">
  69.             {% for image in block.images %}
  70.                 <button type="button" class="gallery-nav-item">{{ '%02d'|format(loop.index) }}</button>
  71.             {% endfor %}
  72.             </div>
  73.         </div>
  74.     {% endif %}
  75.     </div>
  76. </div>