templates/includes/teaser/products-teaser-mascusProduct.html.twig line 1

Open in your IDE?
  1. {% set product = product|default(null) %}
  3. <article class="product-teaser shadow stretch-link border-radius-4">
  4.     <div class="product-teaser__container-img">
  5.         <div class="ratio ratio-4x3">
  6.             {% if product.imageGallery.items %}
  7.                 {{ product.imageGallery.items[0].getThumbnail('product-teaser').getHTML({
  8.                     imgAttributes: {
  9.                         'class': 'ratio-item js-lazy-img product-teaser__img'
  10.                     },
  11.                     'lowQualityPlaceholder': true,
  12.                 })|raw }}
  13.             {% endif %}
  14.         </div>
  15.     </div>
  16.     <div class="product-teaser__content">
  17.         <div class="d-flex flex-column">
  18.             <span class="product-teaser__title">{{ 'product.teaser.Model'|trans }}</span>
  19.             <span class="product-teaser__data product-teaser__data--bold">{{ product.model }}</span>
  20.         </div>
  21.         {% if product.yearOfManufacture != '' or product.meterReadOutHours != '' %}
  22.             <div class="product-teaser__container d-flex">
  23.                 {% if product.yearOfManufacture != '' %}
  24.                     <div class="d-flex flex-column">
  25.                         <span class="product-teaser__title">{{ 'product.detail.YearOfConstruction'|trans }}</span>
  26.                         <span class="product-teaser__data">{{ product.yearOfManufacture }}</span>
  27.                     </div>
  28.                 {% endif %}
  29.                 {% if product.meterReadOutHours != '' %}
  30.                     <div class="product-teaser__info-right d-flex flex-column">
  31.                         <span class="product-teaser__title">{{ 'product.detail.OperatingHours'|trans }}</span>
  32.                         <span class="product-teaser__data">{{ product.meterReadOutHours }}</span>
  33.                     </div>
  34.                 {% endif %}
  35.             </div>
  36.         {% endif %}
  37.         <div class="product-teaser__container-link d-flex">
  38.             <a class="text-gradient-primary product-teaser__category">{{ product.category.displayTitle ?: product.category.title }}</a>
  39.             <a href="{{ linkGenerator(product) }}"
  40.                class="btn btn-dark stretch-link__link"
  41.                data-event-tracking-event="select_product"
  42.                data-event-tracking-product_brand="{{ product.brand.title ?: product.brand.internalBrandName }}"
  43.                data-event-tracking-product_variant="{{ product.model }}"
  44.                data-event-tracking-product_category="{{ product.category.displayTitle ?: product.category.title }}"
  45.                data-event-tracking-link_url="{{ elements_host_url() ~ linkGenerator(product) }}">
  46.                 {{ 'product.teaser.Detail'|trans }}
  47.             </a>
  48.         </div>
  49.     </div>
  50. </article>