templates/decor/includes/decor-teaser.html.twig line 1

Open in your IDE?
  1. {% set styleModifier = styleModifier | default('') %}
  3. {% set classNames = {
  4.     main: main | default('')
  5. } | merge(classNames | default({})) %}
  6. <section class="product-teaser {{ styleModifier }} {{ attribute(classNames, 'main') }} product-teaser--decor stretch-link">
  7.     <div class="product-teaser__image">
  8.         {% if decor.isNew and (not decor.newUntilDate or dateIsCurrent(decor.newUntilDate))%}
  9.         <div class="ribbon-new__container-overview">
  10.         {% endif %}
  11.             <div class="ratio ratio-73x52">
  12.                 {% set image = decor.teaserImage %}
  13.                 {% if image %}
  14.                     {{ image.thumbnail('product-teaser').html({imgAttributes:{
  15.                         class:'js-lazy-img ratio-item'
  16.                     },
  17.                         lowQualityPlaceholder:true})|raw }}
  18.                 {% endif %}
  19.             </div>
  20.             {% if decor.isNew and (not decor.newUntilDate or dateIsCurrent(decor.newUntilDate))%}
  21.                 <div class="ribbon-new__ribbon ribbon-new__ribbon--overview">
  22.                     {{ 'badge.neu' | trans }}
  23.                 </div>
  24.         </div>
  25.             {% endif %}
  26.     </div>
  27.     <div class="product-teaser__body">
  28.         <div class="product-teaser__body-top mb-md-4 mb-3">
  29.             {% if not hideApplicationAreas|default(false) %}
  30.                 <div class="product-teaser__supline">
  31.                     {% if decor.applicationAreas is empty %}
  32.                         {{ 'global.univeral'|trans }}
  33.                     {% endif %}
  34.                     {% if decor.applicationAreas is not empty %}
  35.                         {{ decor.applicationAreas | map(a => "#{a.title}") | join(' | ') }}
  36.                     {% endif %}
  37.                     {% if decor.decorGroup and decor.decorGroup.title %}
  38.                         | {{ decor.decorGroup.title }}
  39.                     {% endif %}
  40.                 </div>
  41.             {% endif %}
  42.             <h2 class=" product-teaser__headline">
  43.                 <a href="{{ pimcore_url({object: decor}) }}" class="stretch-link__link">{{ decor.decorNr ~ ' ' ~ (decor.webTitle ?: decor.title) }}</a>
  44.             </h2>
  45.         </div>
  48.         <div class="product-teaser__body-bottom mt-auto">
  49.             <ul class="product-teaser__properties-list">
  50.                 {% if decor.ncsCode %}
  51.                     <li class="product-teaser__property">
  52.                         NCS {{ decor.ncsCode }}
  53.                     </li>
  54.                 {% endif %}
  55.                 {% if decor.ralNr %}
  56.                     <li class="product-teaser__property">
  57.                         RAL {{ decor.ralNr }}
  58.                     </li>
  59.                 {% endif %}
  60.                 {% if decor.colorCode %}
  61.                     <li class="product-teaser__property">
  62.                         CMYK {{ decor.colorCode }}
  63.                     </li>
  64.                 {% endif %}
  65.             </ul>
  66.         </div>
  67.     </div>
  68. </section>