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

  1. <div class="block block-info-with-gallery block-info-with-gallery-and-tabs 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 %}
  20.     <div class="block-info-content">
  21.         <div class="block-info-left">
  22.             <h2 class="block-part-title">{{ block.title }}</h2>
  24.         {% if block.tabs is defined %}
  25.             <div class="block-part-tabs tabs">
  26.                 <div class="tabs-header block-part-buttons-top">
  27.                 {% for tab in block.tabs %}
  28.                     <button type="button" class="button button-small{{ loop.index == 1 ? ' selected' : '' }}"><span>{{ tab.title }}</span></a>
  29.                 {% endfor %}
  30.                 </div>
  32.                 <div class="tabs-content">
  33.                 {% for tab in block.tabs %}
  34.                     <div class="tab{{ loop.index == 1 ? ' selected' : '' }}">
  35.                     {% if tab.description|default %}
  36.                         <div class="block-part-description">
  37.                             {{ tab.description|raw|editor_content }}
  38.                         </div>
  39.                     {% endif %}
  41.                     {% if tab.columns is defined %}
  42.                         <div class="block-part-columns">
  43.                             {% for column in tab.columns %}
  44.                                 <div class="column">
  45.                                     {{ app_image_html(column.icon.id_file, { 'class': 'column-icon' }) }}
  46.                                     <span class="column-title">{{ column.title }}</span>
  47.                                 </div>
  48.                             {% endfor %}
  49.                         </div>
  50.                     {% endif %}
  52.                     {% if tab.boxes is defined %}
  53.                         <div class="block-part-boxes">
  54.                         {% for box in tab.boxes %}
  55.                             <span class="box">{{ box.text }}</span>
  56.                         {% endfor %}
  57.                         </div>
  58.                     {% endif %}
  60.                     {% if tab.bottom_buttons is defined %}
  61.                         <div class="block-part-buttons-bottom">
  62.                         {% for button in tab.bottom_buttons %}
  63.                             <a href="{{ button.url }}" class="button button-primary"><span>{{ button.title }}</span></a>
  64.                         {% endfor %}
  65.                         </div>
  66.                     {% endif %}
  67.                     </div>
  68.                 {% endfor %}
  69.                 </div>
  70.             </div>
  71.         {% endif %}
  72.         </div>
  74.     {% if block.images is defined %}
  75.         <div class="block-info-right">
  76.             <div class="gallery-nav">
  77.             {% for image in block.images %}
  78.                 <button type="button" class="gallery-nav-item">{{ '%02d'|format(loop.index) }}</button>
  79.             {% endfor %}
  80.             </div>
  81.         </div>
  82.     {% endif %}
  83.     </div>
  84. </div>