templates/areas/media-img-text-slide/view.html.twig line 1

Open in your IDE?
  1. <section class="img-text-slide container container-md content-block {{ include('Layout/includes/editmode-box-classes.html.twig') }} {{ styleModifier | default(null) }} {{ moveUp | default(false) ? 'img-text-slide--move-up' : '' }} {{ not pimcore_input('anchorTitle').empty ? 'js-anchor-nav__item' : '' }}" {% if not pimcore_input('anchorTitle').empty %}data-anchor-nav-title="{{ pimcore_input('anchorTitle').frontend }}"{% endif %}>
  2.     <div class="row row--gutter-width-0">
  3. {#        {% if pimcore_checkbox('textLeft').data %}#}
  4. {#            {{ include('Areas/media-img-text-slide/includes/text-section.html.twig') }}#}
  5. {#        {% endif %}#}
  7.         {% if not pimcore_image('image').empty %}
  8.             {% set description = getImageDescription(pimcore_image('image').image) %}
  9.         {% endif %}
  11.         <div class="col-md-7 order-md-0 order-1">
  12.             <div class="img-text-slide__img-wrapper">
  13.                 <figure class=" embed-responsive embed-responsive-7by5 {{ editmode ? '' : 'img-text-slide__img' }}" title="{{ description|default('') }}">
  14.                     {% if editmode %}
  15.                         {{ pimcore_image('image', {
  16.                             thumbnail: 'img-text-slide',
  17.                             imgAttributes: {
  18.                                 class: 'js-lazy-img embed-responsive-item'
  19.                             },
  20.                             lowQualityPlaceholder: false
  21.                         })|raw }}
  22.                     {% elseif not pimcore_image('image').empty %}
  23.                         {% set description = getImageDescription(pimcore_image('image').image, true) %}
  24.                         {{ pimcore_image('image').image.thumbnail('img-text-slide').html({
  25.                             imgAttributes: {
  26.                                 class: 'js-lazy-img embed-responsive-item',
  27.                                 title: description|default(''),
  28.                                 alt: description|default(''),
  29.                             },
  30.                             lowQualityPlaceholder: false
  31.                         })|raw }}
  33. {#                        {% if description %}#}
  34. {#                            <figcaption class="img-text-slide__caption">#}
  35. {#                                {{ description }}#}
  36. {#                            </figcaption>#}
  37. {#                        {% endif %}#}
  38.                     {% endif %}
  39.                 </figure>
  41.                 {% do jsConfig().add('lazyImg', true) %}
  42.             </div>
  43.         </div>
  45. {#        {% if not pimcore_checkbox('textLeft').data %}#}
  46.             {{ include('areas/media-img-text-slide/includes/text-section.html.twig') }}
  47. {#        {% endif %}#}
  48.     </div>
  49. </section>