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

Open in your IDE?
  1. {% set brickAttributes = product.getTeaserAttributes() %}
  2. {% set teaserAttribute1 = brickAttributes['attribute1']|default(null) %}
  3. {% set teaserAttribute2 = brickAttributes['attribute2']|default(null) %}
  5. <article class="product-teaser shadow stretch-link border-radius-4">
  6.     <div class="product-teaser__container-img">
  7.         <div class="ratio ratio-4x3">
  8.             {% if product.mainImage %}
  9.                 {{ product.mainImage.getThumbnail('product-teaser').getHTML({
  10.                     imgAttributes: {
  11.                         'class': 'ratio-item js-lazy-img product-teaser__img'
  12.                     },
  13.                     'lowQualityPlaceholder': true
  14.                 })|raw }}
  15.             {% endif %}
  16.         </div>
  17.     </div>
  18.     <div class="product-teaser__content">
  19.         <div class="d-flex flex-column">
  20.             <span class="product-teaser__title">{{ 'product.teaser.Model'|trans }}</span>
  21.             {% if product.brand %}
  22.                 <span class="product-teaser__data product-teaser__data--bold">
  23.                     {{ (product.brand.title ?: product.brand.internalBrandName) ~ ' ' ~ product.title }}
  24.                 </span>
  25.             {% endif %}
  26.         </div>
  27.         <div class="product-teaser__container d-flex">
  28.             {% for key, attribute in brickAttributes %}
  29.                 {% if attribute %}
  30.                     <div class="{{ loop.index != 1 ? 'product-teaser__info-right' }} flex-column d-flex">
  31.                         <div class="d-flex flex-column pe-2">
  32.                             <span class="product-teaser__title">{{ ('product.detail.' ~ key)|trans }}</span>
  33.                             {% set tk_prefix = '' %}
  34.                             {% set internalBrand = internalBrand ?? product.internalBrand ?? '' %}
  35.                             {% if key == 'manual.throughput' %}
  36.                                 {% set tk_prefix = 'product.detail.' ~ internalBrand ~ ".throughput" ~ '-prefix' %}
  37.                             {% endif %}
  38.                             <span class="product-teaser__data">
  39.                                 {{ ((tk_prefix == tk_prefix|trans) and (not app.request.get('pimcore_debug_translations'))) ? '' : document.property('swiss') ? (tk_prefix|trans)|replace({'ß': 'ss'})|raw : tk_prefix|trans|raw }}
  40.                                 {{ attribute }} {{ ('product.detail.' ~ key ~ '-suffix')|trans }}
  41.                             </span>
  42.                         </div>
  43.                     </div>
  44.                 {% endif %}
  45.             {% endfor %}
  46.         </div>
  47.         <div class="product-teaser__container-link d-flex">
  48.             <a class="text-gradient-primary product-teaser__category">{{ product.category.getDisplayTitle(app.request.locale) ?? product.category.getTitle(app.request.locale) }}</a>
  49.             <a href="{{ linkGenerator(product) }}"
  50.                class="btn btn-dark stretch-link__link"
  51.                data-event-tracking-event="select_product"
  52.                data-event-tracking-product_brand=" {{ product.brand.title ?: product.brand.internalBrandName }}"
  53.                data-event-tracking-product_variant="{{ product.title }}"
  54.                data-event-tracking-product_category="{{ product.category.getDisplayTitle(app.request.locale) ?? product.category.getTitle(app.request.locale) }}"
  55.                data-event-tracking-link_url="{{ elements_host_url() ~  linkGenerator(product) }}">
  56.                 {{ 'product.teaser.Detail'|trans }}
  57.             </a>
  58.         </div>
  59.     </div>
  60. </article>