templates/includes/lightbox-image.html.twig line 1

Open in your IDE?
  1. {% set thumbnail = thumbnail|default('wysiwyg-with-media') %}
  2. {% set aspectRatio = aspectRatio|default('16x9') %}
  3. {% set image = image|default (false) %}
  4. {% set suffix = suffix|default('') %}
  5. {% set lightboxClassName = lightboxClassName|default('') %}
  6. {% set imageClassName = imageClassName|default('') %}
  7. {% set linkClassName = linkClassName|default('') %}
  8. {% set button = button|default(false) %}
  10. {% if image %}
  11.     {% set lightBoxSrc = image.getThumbnail('lightbox') %}
  12.     <a href="{{ lightBoxSrc }}" class="js-lightbox__item lightbox-item {{ 'ratio ratio-' ~ aspectRatio }}">
  13.         {% if lightboxClassName != '' %}
  14.         <div class="lightbox__item {{ lightboxClassName }}">
  15.         {% endif %}
  16.             {{ image.getThumbnail(thumbnail).getHtml({
  17.                 imgAttributes: {
  18.                     class: 'js-lazy-img ratio-item ' ~ imageClassName
  19.                 },
  20.                 'lowQualityPlaceholder': true,
  21.             })|raw }}
  22.         {% if lightboxClassName != '' %}
  23.         </div>
  24.         {% endif %}
  25.         {% if button %}
  26.             <button type="button" class="lightbox-item__btn btn-no-styling" aria-label="{{ 'lightbox.image.OpenInGallery'|trans }}">
  27.                 <span class="icon icon-search" aria-hidden="true"></span>
  28.             </button>
  29.         {% endif %}
  30.     </a>
  31. {% else %}
  32.     {% if editmode or not pimcore_image('image' ~ suffix).isEmpty() %}
  33.         {% set lightBoxSrc = pimcore_image('image' ~ suffix).getThumbnail('lightbox') %}
  34.         <{{ editmode ? 'div' : 'a' }} href="{{ lightBoxSrc }}" class="{{ not editmode ? 'js-lightbox__item lightbox-item ratio ratio-' ~ aspectRatio }} {{ linkClassName }}">
  35.             {{ pimcore_image('image' ~ suffix, {
  36.                 "thumbnail": thumbnail,
  37.                 "imgAttributes": {
  38.                     "class": 'js-lazy-img ratio-item ' ~ imageClassName
  39.                 },
  40.                 "lowQualityPlaceholder": true,
  41.             })|raw }}
  43.             <button type="button" class="lightbox-item__btn btn-no-styling" aria-label="{{ 'lightbox.image.OpenInGallery'|trans }}">
  44.                 <span class="icon icon-search" aria-hidden="true"></span>
  45.             </button>
  46.         </{{ editmode ? 'div' : 'a' }}>
  48.     {% endif %}
  49. {% endif %}