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

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('layout/includes/css.html.twig') }}
  3. {% endif %}
  5. <article class="product-category-teaser stretch-link shadow border-radius-8">
  6.     <div class="product-category-teaser__img-container">
  7.         <div class="{{ not editmode ? 'ratio ratio-4x3' }}">
  8.             {{ pimcore_image('category-teaser-img', {
  9.                 thumbnail: 'product-category',
  10.                 imgAttributes: {
  11.                     class: 'ratio-item js-lazy-img product-category__img',
  12.                 },
  13.                 lowQualityPlaceholder: true,
  14.             })|raw }}
  15.         </div>
  16.     </div>
  17.     <div class="product-category-teaser__content">
  18.         <h3 class="category-teaser__link">
  19.             {{ pimcore_link('category-teaser-link', {
  20.                 class: 'stretch-link__link d-flex align-items-center justify-content-between w-100',
  21.                 textPrefix: '<span class="text-gradient-primary category-teaser__category">',
  22.                 textSuffix: '</span><span aria-hidden="true" class="icon icon-arrow"></span>',
  23.             }) }}
  24.         </h3>
  26.         {% if editmode or not pimcore_wysiwyg('category-teaser-text').isEmpty() %}
  27.             <div class="category-teaser__info">{{ pimcore_wysiwyg('category-teaser-text')|raw }}</div>
  28.         {% endif %}
  29.     </div>
  30. </article>