templates/Renderlet/img-teaser-object.html.twig line 1

Open in your IDE?
  1. <section class="img-teaser {{ ratio | default(false) == "square" ? 'img-teaser-square' : '' }} {{ isSearchTeaser| default(false) ? 'img-teaser--search': '' }} stretch-link teaser-animation {{ hasShadow | default(null) ? 'img-teaser--has-shadow' : '' }} {{ styleModifier | default(null) }}">
  2.     {#
  3.     img-teaser-square are used for regions in region-overlay
  4.     #}
  5.     {% if isYoungStyria|default(false) %}
  6.         <img class="demi-infrastructure-teaser-grid__young-styria-logo" src="/static/img/young-styria/young-styria.jpg">
  7.     {% endif %}
  8.     <div class="{{ ratio | default(false) == "square" or isInNav|default(false) ? 'embed-responsive-1by1' : 'img-teaser__embed ' }} embed-responsive">
  9.         {% set thumb = ratio| default(null) ? 'img-teaser-' ~ ratio : 'img-teaser' %}
  11.         {% if not isAdditionalLink | default(false) and img|default(null) %}
  12.             {% set description = getImageDescription(img) %}
  13.             {{ img.getThumbnail(isInNav|default(false) ? 'img-teaser--nav' : thumb).html({
  14.                 imgAttributes: {
  15.                     class: 'js-lazy-img embed-responsive-item teaser-animation__img',
  16.                     title: description|default(''),
  17.                     alt: description|default('')
  18.                 },
  19.                 lowQualityPlaceholder: true,
  20.             })|raw }}
  21.         {% else %}
  22.             <div class="embed-responsive-item teaser-animation__img bg-primary-light"></div>
  23.         {% endif %}
  26.         {% do jsConfig().add('lazyImg', true) %}
  27.     </div>
  29.     <div class="img-teaser__content">
  30.         <div>
  31.             {% if badgeText|default('') %}
  32.                 <div class="img-teaser__badge">
  33.                     {{ badgeText }}
  34.                 </div>
  35.             {% endif %}
  37.             <{{ isInNav|default(false) ? 'div' : 'h3' }} class="img-teaser__title h5">
  38.             <a href="{{ href|default('#') }}" class="stretch-link__link" title="{{ description|default('') }}">
  39.                 {{ title|default('') }}
  40.             </a>
  41.         </{{ isInNav|default(false) ? 'div' : 'h3' }}>
  42.     </div>
  43.     </div>
  45. </section>