templates/Snippets/img-teaser.html.twig line 1

Open in your IDE?
  1. {# render footer-template #}
  2. {% if editmode %}
  3.     {{ include('Layout/includes/css.html.twig') }}
  4. {% endif %}
  5. {# hasShadow should not be used for sliders! #}
  6. <section class="img-teaser {{ app.request.get('ratio', false) == "square" ? 'img-teaser-square' : '' }} stretch-link teaser-animation {{ app.request.get('hasShadow') | default(null) ? 'img-teaser--has-shadow' : '' }} {{ styleModifier | default(null) }}" {{ editmode ? 'style="max-width: 400px;"' : '' }}>
  7.     {#
  8.     img-teaser-square are used for regions in region-overlay
  9.     #}
  10.     {% if not pimcore_image('image').empty %}
  11.         {% set description = getImageDescription(pimcore_image('image').image) %}
  12.     {% endif %}
  13.     <div class="{{ app.request.get('ratio', false) == "square" ? 'embed-responsive-1by1' : 'img-teaser__embed ' }} embed-responsive">
  14.         {% set thumb = app.request.get('ratio', false) ? 'img-teaser-' ~ app.request.get('ratio', false) : 'img-teaser' %}
  15.         {{ pimcore_image('image', {
  16.             thumbnail: thumb,
  17.             imgAttributes: {
  18.                 class: 'js-lazy-img embed-responsive-item teaser-animation__img'
  19.             },
  20.             lowQualityPlaceholder: true
  21.         }) }}
  22.         {% do jsConfig().add('lazyImg', true) %}
  23.     </div>
  25.     <div class="{{ editmode ? '' : 'img-teaser__content' }}">
  26.         <div>
  27.             {% if editmode or not pimcore_input('badgeText').empty %}
  28.                 <div class="img-teaser__badge">
  29.                     {{ pimcore_input('badgeText', {'width': 300}) }}
  30.                 </div>
  31.             {% endif %}
  33.             <{{ app.request.get('isInNav', false) ? 'div' : 'h3' }} class="img-teaser__title h5">
  34.                 {% if app.request.get('isInNav', false) %}
  35.                     {{ pimcore_link('link', {'class': 'stretch-link__link gtm-navigation-regionen', 'title': description|default(''), 'data-event-tracking-category': 'Navigation Regionen', 'data-event-tracking-action': 'Header', 'data-event-tracking-label': pimcore_link('link').text}) }}
  36.                 {% else %}
  37.                     {{ pimcore_link('link', {'class': 'stretch-link__link', 'title': description|default('')}) }}
  38.                 {% endif %}
  39.             </{{ app.request.get('isInNav', false) ? 'div' : 'h3' }}>
  40.         </div>
  41.     </div>
  42. </section>