lecampus.valdedrome.com/user/themes/lecampus/templates/components/thumbnails/thumbnails.html.twig

{% for item in module.header.list %}
  {# img thumb #}
  {% set image_parts = pathinfo(item.img_thumb) %}
  {% set image_basename_thumb = image_parts.basename %}
  {% set image_page_thumb = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}

{% set titleHyp = item.title|lower|hyphenize %}
{% if titleHyp == "bien-tre" %}
  {% set color = "__blue" %}
{% elseif titleHyp == "nature" %}
  {% set color = "__green" %}
{% elseif titleHyp == "gastronomie" %}
  {% set color = "__red" %}
{% else %}
  {% set color = "__grey" %}
{% endif %}

  <div class="{{section}} __thumbnails">
    <div class="__title">
      <p>{{item.title}}</p>
    </div>
    <div class="__thumb ">

      {% if section == 'pack' %}
        <a href="#">
      {% endif %}

        <div class="__images ">
          {{ image_page_thumb.media[image_basename_thumb].html() }}
          <div class="__sub-title">
            <p>{{item.sous_title}}</p>
          </div>
        </div>

      {% if section == 'pack' %}
        {% include 'components/buttons/btn.html.twig' with { btn: 'more'} %}
      {% endif %}

      {% if section == 'pack' %}
        </a>
      {% endif %}

    </div>

    {% if section == 'pack' %}
      {# dl Brochure #}
      {% set image_parts = pathinfo(item.btn_url) %}
      {% set image_basename_dl = image_parts.basename %}
      {% set image_page_dl = image_parts.dirname == '.' ? module : module.find(image_parts.dirname) %}

      <div class=" __more __color">
        <div class="__details">
          {% include 'components/learn_more.html.twig' %}
        </div>
      </div>
    {% endif %}

  </div>

{% endfor %}