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

Open in your IDE?
  1. {% set orientation = app.request.get('orientation', 'square') %}
  2. {% if editmode %}
  3.     {{ include('Layout/includes/css.html.twig') }}
  4.     <div class="editmode-box editmode-box--info">
  5.         <div class="editmode-box__header">Settings</div>
  6.         {{ pimcore_image("teaser_image", {
  7.             thumbnail: 'content-teaser--' ~ orientation,
  8.             imgAttributes: {
  9.                 class: 'js-lazy-img embed-responsive-item teaser-animation__img'
  10.             },
  11.             lowQualityPlaceholder: true,
  12.         }) }}<br>
  14.         <label>Title: </label>
  15.         {{ pimcore_input('title') }}
  17.         <label>Subitle: </label>
  18.         {{ pimcore_input('subtitle') }}
  20.         <label>Badge: </label>
  21.         {{ pimcore_input('badgetext') }}
  23.         <label>Link: </label>
  24.         {{ pimcore_link('link') }}
  25.     </div>
  28. {% else %}
  29.     <section class="content-teaser content-teaser--{{ orientation }}  stretch-link teaser-animation">
  30.         <figure class="content-teaser__embed--{{ orientation }} embed-responsive mb-0">
  31.             {% if not pimcore_image('teaser_image').empty %}
  32.                 {% set description = getImageDescription(pimcore_image('teaser_image').image) %}
  34.                 {{ pimcore_image('teaser_image').image.thumbnail('content-teaser--' ~ orientation).html({
  35.                     imgAttributes: {
  36.                         class: 'js-lazy-img embed-responsive-item',
  37.                         title: description|default(''),
  38.                         alt: description|default(''),
  39.                     },
  40.                     lowQualityPlaceholder: false,
  41.                 })|raw }}
  43. {#                {% if description %}#}
  44. {#                    <figcaption class="content-teaser__caption">#}
  45. {#                        {{ description }}#}
  46. {#                    </figcaption>#}
  47. {#                {% endif %}#}
  48.             {% endif %}
  50.             {% do jsConfig().add('lazyImg', true) %}
  51.         </figure>
  53.         <div class="content-teaser__content">
  54.             <div>
  55.                 {% if not pimcore_input('badgetext').empty and not app.request.get('removeBadge', false) %}
  56.                     <div class="content-teaser__badge">
  57.                         {{ pimcore_input('badgetext').data }}
  58.                     </div>
  59.                 {% endif %}
  60.                 {% if not pimcore_input('subtitle').empty %}
  61.                     <div class="content-teaser__sub-title">
  62.                         {{ pimcore_input('subtitle').data }}
  63.                     </div>
  64.                 {% endif %}
  65.                 {% if not  pimcore_input('title').empty %}
  66.                     <h3 class="content-teaser__title h5">
  67.                         {% if pimcore_link('link').empty ? '' : pimcore_link('link').href|slice(0, 4)|lower == 'http' %}
  68.                             <a href="{{ pimcore_link('link').empty ? '' : pimcore_link('link').href }}"
  69.                                {% if not pimcore_link('link').empty and pimcore_link('link').target %}
  70.                                 target="{{ pimcore_link('link').target }}"
  71.                                 {% endif %}
  72.                                class="stretch-link__link" title="{{ description|default('') }}" data-event-tracking-category="LP Partnerteaser STT" data-event-tracking-action="{{ hostUrl() ~ getMainRequest().pathInfo() }}" data-event-tracking-label="{{ pimcore_link('link').empty ? '' : pimcore_link('link').href }}">
  73.                                 {{ pimcore_input('title').data }}
  74.                             </a>
  75.                         {% else %}
  76.                             <a href="{{ pimcore_link('link').empty ? '' : pimcore_link('link').href }}"
  77.                                {% if not pimcore_link('link').empty and pimcore_link('link').target %}
  78.                                 target="{{ pimcore_link('link').target }}"
  79.                                 {% endif %}
  80.                                class="stretch-link__link" title="{{ description|default('') }}">
  81.                                 {{ pimcore_input('title').data }}
  82.                             </a>
  83.                         {% endif %}
  84.                     </h3>
  85.                 {% endif %}
  86.             </div>
  87.         </div>
  89.     </section>
  90. {% endif %}