templates/snippets/teaser/teaser-content.html.twig line 1

Open in your IDE?
  1. {% if editmode %}
  2.     {{ include('layout/includes/css.html.twig') }}
  3. {% endif %}
  5. <article class="card-teaser stretch-link img-zoom-hover">
  6.     <div class="card-teaser__img-container overflow-hidden {{ not editmode ? 'ratio ratio-3x2' }}">
  7.         {{ pimcore_image('teaser-image', {
  8.             thumbnail: 'card-teaser',
  9.             imgAttributes: {
  10.                 class: 'ratio-item js-lazy-img card-teaser__img',
  11.             },
  12.             lowQualityPlaceholder: true,
  13.         })|raw }}
  14.     </div>
  15.     <div class="card-teaser__content">
  16.         <h3 class="card-teaser__title mb-3">
  17.             <div>{{ pimcore_input('teaser-title') }}</div>
  18.         </h3>
  20.         <div class="card-teaser__text mb-3">
  21.             {{ pimcore_textarea('teaser-textarea', {
  22.                 nl2br: true,
  23.             }) }}
  24.         </div>
  26.         {{ pimcore_link('teaser-link', {
  27.             class: 'link-primary stretch-link__link',
  28.             textSuffix: '<span class="link-primary__icon icon icon-arrow" aria-hidden="true"></span>',
  29.             'data-event-tracking-event': 'click_teaser',
  30.             'data-event-tracking-link_url': 'https' in pimcore_link('teaser-link').href ? pimcore_link('teaser-link').href : elements_host_url() ~ pimcore_link('teaser-link').href,
  31.             'data-event-tracking-click_item': pimcore_link('teaser-link').text,
  32.         }) }}
  33.     </div>
  34. </article>