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

  1. <div class="block block-hero-image{% if block.full_height is not defined or block.full_height == true %} full-height{% endif %}">
  2. {% if block.image.id_file is defined %}
  3.     <div class="block-hero-image-background">
  4.         {{ app_image_html(block.image.id_file) }}
  5.     </div>
  6. {% endif %}
  8.     <div class="block-hero-image-layer">
  9.         <div class="block-hero-image-content">
  10.             <h1 class="block-hero-image-title">{{ block.title|simple_format }}</h1>
  11.         
  12.         {% if block.description|default %}
  13.             <p class="block-hero-image-description">{{ block.description }}</p>
  14.         {% endif %}
  16.         {% if block.buttons is defined %}
  17.             <ul class="buttons">
  18.                 {% for button in block.buttons %}
  19.                     <li><a href="{{ button.url }}" class="button{{ loop.index0 == 0 ? ' button-white' : '' }}"><span>{{ button.title }}</span></a></li>
  20.                 {% endfor %}
  21.             </ul>
  22.         {% endif %}
  23.         </div>
  25.         {% if block.slider|default(false) == true %}
  26.             <div class="block-hero-image-boxes">
  27.                 {% for category in app_car_categories()|filter(c => c.name != 'demonstration-cars') %}
  28.                     <a class="block-hero-image-box" href="{{ app_url('car_category', { name: category.name }) }}">
  29.                         {% set image = category.metaDecoded('thumbnail').id_file ?? null %}
  31.                         {% if not image %}
  32.                             {% set image = category.metaDecoded('image').id_file ?? null %}
  33.                         {% endif %}
  34.                         
  35.                         {% if image %}
  36.                             {{ app_image_html(image) }}
  37.                         {% endif %}
  39.                         <div class="block-hero-image-box-title button">
  40.                             <span>{{ category.title }}</span>
  41.                         </div>
  42.                     </a>
  43.                 {% endfor %}
  45.                 {% set page_service = app_entity('CmsPage', { name: 'service' }) %}
  47.                 {%
  48.                     set boxes = [
  49.                         {
  50.                             'image': page_service.metaDecoded('hero_image').image.id_file ?? 0,
  51.                             'title': page_service.title,
  52.                             'url': app_url('page', { name: page_service.name })
  53.                         },
  54.                     ]
  55.                 %}
  57.                 {% for box in boxes %}
  58.                     <a class="block-hero-image-box" href="{{ box.url }}">
  59.                         {{ app_image_html(box.image) }}
  60.                         <div class="block-hero-image-box-title button">
  61.                             <span>{{ box.title }}</span>
  62.                         </div>
  63.                     </a>
  64.                 {% endfor %}
  65.             </div>
  66.         {% endif %}
  68.     {% if block.show_footer is not defined or block.show_footer == true %}
  69.         <div class="block-hero-image-footer">
  70.         {% set meta = {} %}
  72.         {% if not block.counters is defined or not block.columns is defined %}
  73.             {% set page_homepage = app_entity('CmsPage', { name: 'homepage' }) %}
  74.             {% set meta = { counters: [], columns: [] }|merge(page_homepage.metaDecoded('hero_image')) %}
  75.         {% endif %}
  77.         {% set counters = block.counters is defined ? block.counters : meta.counters %}
  78.         {% set columns = block.columns is defined ? block.columns : meta.columns %}
  80.         {% if not counters is empty %}
  81.             <ul class="counters">
  82.             {% for counter in counters %}
  83.                 <li class="counter"><span class="counter-value">{{ counter.value }}</span><span class="counter-text">{{ counter.text }}</span></li>
  84.             {% endfor %}
  85.             </ul>
  86.         {% endif %}
  88.         {% for column in columns %}
  89.             <div class="text-column">
  90.                 <span>{{ column.title }}</span>
  91.                 <span>{{ column.description }}</span>
  92.             </div>
  93.         {% endfor %}
  94.         </div>
  95.     {% endif %}
  96.     </div>
  97. </div>