templates/areas/image/view.html.twig line 1

Open in your IDE?
  1. {#
  2. project: Pimcore
  3. User: EBiermann
  4. Year: 2022
  5. #}
  7. {% if editmode %}
  8. <div class="admin-container admin-container--limited-width">
  9.     <div class="admin-container__section">
  10.         <span class="admin-container__title">{{ 'brick.image.title'|trans({}, 'admin') }}</span>
  11.     </div>
  12.     <div class="admin-container__configurations">
  13.         <div class="admin-config-item">
  14.             <span class="admin-config-item__label">{{ 'brick.image.option.link'|trans({}, 'admin') }}:</span>
  15.             {{
  16.                 pimcore_link('link', { 'noText': true })
  17.             }}
  19.             <br>
  21.             <span class="admin-config-item__label">{{ 'brick.image.option.border'|trans({}, 'admin') }}:</span>
  22.             {{
  23.                 pimcore_checkbox('border', { 'reload': true })
  24.             }}
  25.         </div>
  26.     </div>
  27. </div>
  28. {% endif %}
  30. {% set sectionIndex = sectionIndex|default(0) %}
  31. {% set gridIndex = gridIndex|default(0) %}
  33. <!-- thumb: {{ thumbnail }} | section-idx: {{ sectionIndex }} | grid-idx: {{ gridIndex }} -->
  35. <div class="area image {{ cssClasses|join(' ') }}" style="{{ cssStyles|join(' ') }}">
  36.     {# LCP, should not be lazy loaded (images on init page load abvoe the fold) #}
  37.     {% set preventLoadingLazy = not editmode and (sectionIndex == 0 and gridIndex <= 1) %}
  39.     {%
  40.         set content = pimcore_image('image', {
  41.             'class': 'image__image',
  42.             'lowQualityPlaceholder': false,
  43.             'thumbnail': thumbnail|default(false),
  44.             'imgAttributes': {
  45.                 'loading': preventLoadingLazy ? 'eager' : 'lazy',
  46.                 'decoding': editmode ? 'sync' : 'async'
  47.             }
  48.         })
  49.     %}
  52.     {% if not editmode and hasLink %}
  53.         {%
  54.             include 'includes/partials/link-wrapper.html.twig' with {
  55.                 content: content,
  56.                 href: pimcore_link('link').getHref(),
  57.                 title: pimcore_link('link').getTitle()
  58.             }
  59.         %}
  60.     {% else %}
  61.         {{ content|raw }}
  62.     {% endif %}
  63. </div>