templates/Includes/Teaser/img-teaser.html.twig line 1

Open in your IDE?
  1. {# hasShadow should not be used for sliders! #}
  2. <section class="img-teaser {{ ratio|default('') == "square" ? 'img-teaser-square' : '' }} {{ isSearchTeaser| default(false) ? 'img-teaser--search': '' }} stretch-link teaser-animation {{ hasShadow | default(null) ? 'img-teaser--has-shadow' : '' }} {{ styleModifier | default(null) }}">
  3.     {#
  4.     img-teaser-square are used for regions in region-overlay
  5.     #}
  6.     <div class="{{ ratio|default('') == "square" or isInNav|default(null) or ratio|default('') == "square-big" ? 'embed-responsive-1by1' : 'img-teaser__embed ' }} embed-responsive">
  7.         {% set thumb = ratio ? 'img-teaser-' ~ ratio : 'img-teaser' %}
  9.         {% if not isAdditionalLink | default(false) %}
  10.             {% set description = getImageDescription(image, true) %}
  11.             {{ image|default(null) ? image.thumbnail(isInNav|default(null) ? 'img-teaser--nav' : thumb ).html({
  12.                 imgAttributes: {
  13.                     class: 'js-lazy-img embed-responsive-item teaser-animation__img'
  14.                 },
  15.                 lowQualityPlaceholder: true,
  16.                 title: description|default(''),
  17.                 alt: description|default('')
  18.             }) |raw : '' }}
  19.         {% else %}
  20.             <div class="embed-responsive-item teaser-animation__img bg-primary-light"></div>
  21.         {% endif %}
  24.         {% do jsConfig().add('lazyImg', true) %}
  25.     </div>
  27.     <div class="img-teaser__content">
  28.         <div>
  29.             {% if badgeText|default('') %}
  30.                 <div class="img-teaser__badge {{ badgeWhite | default(false) ? 'img-teaser__badge--white' : '' }}">
  31.                     {{ badgeText|default('') }}
  32.                 </div>
  33.             {% endif %}
  35.             <{{ isInNav|default(null) ? 'div' : 'h3' }} class="img-teaser__title h5">
  36.             {% set description = getImageDescription(image) %}
  37.             <a href="{{ href }}" class="stretch-link__link" title="{{ description|default('') }}">
  38.                 {{ title|default('') }}
  39.             </a>
  40.             </{{ isInNav|default(null) ? 'div' : 'h3' }}>
  42.         {% if text | default(false) %}
  43.             <div class="img-teaser__text">
  44.                 {{ text }}
  45.             </div>
  46.         {% elseif buttonText | default(false) %}
  47.             <a href="{{ href }}" class="btn btn-white btn-block mt-2">
  48.                 {{ buttonText | default("") }}
  49.             </a>
  50.         {% endif %}
  52.         </div>
  53.     </div>
  55. </section>