templates/teaser/card-teaser.html.twig line 1

Open in your IDE?
  1. {% set prefix = prefix is defined and prefix != '' ? prefix ~ '-' : '' %}
  2. <div class="card-teaser {{ className |default(null) }} stretch-link">
  3.     {% if tag|default('') %}
  4.         <span class="card-teaser__tag">
  5.             {{ tag }}
  6.         </span>
  7.     {% endif %}
  9.     {% if editmode %}
  10.         {{ pimcore_image(prefix ~ 'image', { 'thumbnail': 'ticket-teaser' }) }}
  11.     {% endif %}
  12.     {% set image = image|default('') ?: pimcore_image(prefix ~ 'image').empty ? null :  pimcore_image(prefix ~ 'image').image %}
  13.     {% if image %}
  14.         <div class="ratio ratio-ticket-teaser img-scroll-zoom-wrapper">
  15.             {% block image %}
  16.                 {{ image.thumbnail('ticket-teaser').getHtml({
  17.                     'imgAttributes': {
  18.                         'class': 'ratio-item card-teaser__img js-img-scroll-zoom img-scroll-zoom js-lazy-img'
  19.                     },
  20.                     'lowQualityPlaceholder': true
  21.                 })|raw }}
  22.             {% endblock %}
  23.         </div>
  24.     {% endif %}
  25.     <div class="card-teaser__body">
  26.         {% if editmode or toptitle|default('') or not pimcore_input(prefix ~ 'toptitle').empty %}
  27.             <div class="card-teaser__top-title">
  28.                 {{ toptitle|default('')|raw ?: pimcore_input(prefix ~ 'toptitle', { 'placeholder': 'Top Title' })|raw }}
  29.             </div>
  30.         {% endif %}
  32.         {% if editmode or title|default('') or not pimcore_input(prefix ~ 'title').empty %}
  33.             <h3 class="card-teaser__title">
  34.                 {{ title|default('')|raw ?: pimcore_input(prefix ~ 'title', { 'placeholder': 'Title' })|raw }}
  35.             </h3>
  36.         {% endif %}
  37.         {% if editmode or text|default('') or not (pimcore_textarea(prefix ~ 'text') and pimcore_textarea(prefix ~ 'text').empty) %}
  38.             <div class="card-teaser__text wysiwyg">
  39.                 {{ text|default('')|raw ?: pimcore_textarea(prefix ~ 'text', { 'placeholder': 'Text' })|raw }}
  40.             </div>
  41.         {% endif %}
  42.         {% if editmode %}
  43.             {{ pimcore_link(prefix ~ 'link', { 'class': 'card-teaser__link mt-auto stretch-link__link' }) }}
  44.         {% else %}
  45.             {% set link = link|default('') ?: pimcore_link(prefix ~ 'link') %}
  46.             {% if link.href %}
  47.                 {% if useRedButton|default(false) %}
  48.                     <a href="{{ link.href }}" target="{{ link.target }}" class="btn btn-tertiary mt-3 w-100" data-event-tracking-key="card-teaser-{{ key | default }}">
  49.                         {{ link.text }}
  50.                     </a>
  51.                 {% else %}
  52.                     <a href="{{ link.href }}" target="{{ link.target }}" class="card-teaser__link mt-auto stretch-link__link" data-event-tracking-key="card-teaser-{{ key | default }}">
  53.                         {{ link.text }}
  54.                         <span class="icon icon-arrow-right card-teaser__icon"></span>
  55.                     </a>
  56.                 {% endif %}
  57.             {% endif %}
  58.         {% endif %}
  59.     </div>
  60. </div>
  62. {#ToDo CMS: enter correct teaser title and click url for every teaser #}
  63. {% set trackingKey = 'card-teaser-' ~ key | default %}
  64. {% set trackingData = {
  65.     "trigger": "click",
  66.     "datalayer": {
  67.         "event": "product_teaser_click",
  68.         "teaser_title":  title.text | default,
  69.         "click_url": link.href | default,
  70.     }
  71. } %}
  73. {% do jsConfig('_trackingData').add({
  74.     (trackingKey): trackingData
  75. }) %}