templates/areas/content-text-slider/Includes/textSliderItem.html.twig line 1

Open in your IDE?
  1. {% set description = '' %}
  2. {% if not pimcore_relation('bgImage').empty %}
  3.     {% set description = getImageDescription(pimcore_relation('bgImage').element) %}
  4. {% endif %}
  5. <section class="big-img-text-slide" title="{{ description }}">
  6.     <div class="big-img-text-slide__bg js-lazy-img js-lazy-img--bg"
  7.          data-lazy-img-background='{{ pimcore_relation('bgImage').empty ? '' : pimcore_relation('bgImage').element.thumbnail('big-img-text-slide' ) }}'></div>
  9.     <div class="container">
  10.         <div class="big-img-text-slide__content">
  11.             {% if editmode %}
  12.                 <div class="editmode-box editmode-box--info">
  13.                     <div class="editmode-box__heading">
  14.                         Background Image
  15.                     </div>
  16.                     {{ pimcore_relation('bgImage', {'types': ['asset'], 'subtypes': ['image'], width: 350}) }}
  17.                 </div>
  18.             {% endif %}
  19.             {% if editmode or not pimcore_input('headline').empty %}
  20.                 <h3 class="js-toc__title big-img-text-slide__title h2">
  21.                     {{ pimcore_input('headline', {'width': 350}) }}
  22.                 </h3>
  23.             {% endif %}
  24.             <div class="big-img-text-slide__wysiwyg wysiwyg">
  25.                 {{ pimcore_wysiwyg('text', {'width': 350}) }}
  26.             </div>
  27.             {% if editmode or not pimcore_image('slider_image').empty %}
  29.                 {% if editmode %}
  30.                     {{ pimcore_image("slider_image", {
  31.                         "title": "Drag your image here",
  32.                         "width": 350,
  33.                         "height": 255,
  34.                         "thumbnail": "text-slider-small",
  35.                         'lowQualityPlaceholder': true,
  36.                         'imgAttributes': {
  37.                             'class': 'embed-responsive-item',
  38.                         }
  39.                     }) }}
  40.                 {% else %}
  41.                     <div class="embed-responsive embed-responsive-4by3 mt-2 mb-2">
  42.                         {{ pimcore_image("slider_image").thumbnail('text-slider-small').html({
  43.                             'imgAttributes': {
  44.                                 'class': 'js-lazy-img embed-responsive-item',
  45.                                 'lowQualityPlaceholder': true,
  46.                             }
  47.                         })|raw }}
  48.                     </div>
  49.                 {% endif %}
  51.             {% endif %}
  53.             {% if pimcore_link('button').href|slice(0, 4)|lower == 'http' %}
  54.                 {{ pimcore_link('button', {'class': 'btn btn-outline-white big-img-text-slide__btn', 'data-event-tracking-category': 'LP Partnerteaser STT', 'data-event-tracking-action': hostUrl() ~ getMainRequest().pathInfo(), 'data-event-tracking-label': pimcore_link('button').href}) }}
  55.             {% else %}
  56.                 {{ pimcore_link('button', {'class': 'btn btn-outline-white big-img-text-slide__btn'}) }}
  57.             {% endif %}
  58.         </div>
  59.     </div>
  61. </section>