templates/includes/teaser/product-category-teaser.html.twig line 1

Open in your IDE?
  1. <article class="product-category-teaser stretch-link shadow border-radius-8">
  2.     {% if categoryTeaser.image is not empty %}
  3.         <div class="product-category-teaser__img-container">
  4.             <div class="ratio ratio-4x3">
  5.                 {{ categoryTeaser.image.thumbnail('product-category').getHtml({
  6.                     imgAttributes: {
  7.                         class: 'ratio-item js-lazy-img product-category__img',
  8.                     },
  9.                     lowQualityPlaceholder: true,
  10.                 })|raw }}
  11.             </div>
  12.         </div>
  13.     {% endif %}
  14.     <div class="product-category-teaser__content">
  15.         {% set link = '#' %}
  16.         {% set description = '' %}
  17.         {% if categoryTeaser.relation %}
  18.             {% set link = categoryTeaser.relation.fullpath %}
  19.             {% set description = categoryTeaser.teaserDescription ?: categoryTeaser.description %}
  20.         {% endif %}
  22.         {% if categoryTeaser.countryRelations %}
  23.             {% for blockElement in categoryTeaser.countryRelations %}
  24.                 {% if blockElement.config.data and blockElement.config.data.country == siteConfig().country %}
  25.                     {% if blockElement.countryRelation.data %}
  26.                         {% set link = blockElement.countryRelation.data.fullpath %}
  27.                     {% endif %}
  28.                     {% if blockElement.countryTeaserDescription.data %}
  29.                         {% set description = blockElement.countryTeaserDescription.data %}
  30.                     {% endif %}
  31.                 {% endif %}
  32.             {% endfor %}
  33.         {% endif %}
  35.         <h3 class="category-teaser__link">
  36.                 <span class="text-gradient-primary category-teaser__category">
  37.                     <a href="{{ link }}"
  38.                        class="stretch-link__link d-flex align-items-center justify-content-between w-100">
  39.                         {{ categoryTeaser.getDisplayTitle() ?: categoryTeaser.getTitle() }}
  40.                     </a>
  41.                 </span>
  42.             <span aria-hidden="true" class="icon icon-arrow"></span>
  43.         </h3>
  45.         {% if description is defined and description is not empty %}
  46.             <div class="category-teaser__info">{{ description|raw }}</div>
  47.         {% endif %}
  48.     </div>
  49. </article>