{% set subtitle = subtitle|default %}{% set subtitleVal = subtitleVal|default %}{% set category = category|default(null) %}<div class="pax-10"> <div class="product position-relative pa-25 text-center pointer bgc-white" data-link> {# Couleur d'arrière-plan de l'icône à partir de la catégorie #} {% set iconBgc = getValueColor(category)|default('#3992B0') %} {# Icône de la catégorie (petit pictogramme) #} <div class="position-absolute t-0 l-0 wi-65 he-65 pa-10 d-flex align-items-center justify-content-center" style="background-color: {{ iconBgc }};"> <img src="{{ getCategoryImage(category, true, true) }}" alt="{{ category ? category.title : '' }}" class="w-auto mahep-100"/> </div> {# Visuel principal de la catégorie #} <div class="ojgaxs d-flex align-items-center justify-content-center"> <img src="{{ getCategoryImage(category, false, true, false) | imagine_filter('product_thumbnail') }}" alt="{{ category ? category.title : '' }}" class="w-auto"/> </div> {# Titre de la catégorie #} <h3 class="title1 neihxe mat-8 mab-12"> <a href="{{ getProductUrl(null, true, null, null, null, null, category) }}"> {{ category ? category.title : '' }} </a> </h3> {# Sous-titre optionnel #} {% if subtitle %} <div class="subtitle1 iyrjwn"> {{ subtitleVal ? subtitleVal : (category ? category.title : null) }} </div> {% endif %} {# Intro optionnelle (passée par l'inclusion) #} {% if intro is defined %} <div class="overflow-hidden he-70 position-relative mat-15"> <div class="content"> {{ intro }} </div> <div class="position-absolute hep-100 b-0 w-100" style="background: rgb(255,255,255);background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);"></div> </div> {% endif %} </div></div>