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

Open in your IDE?
  1. <div class="fullwidth-image fullwidth-component mt-n7 mb-7">
  2.     <div class="fullwidth-image-visual">
  3.         {% if editmode %}
  4.             {{ pimcore_image("fullwidth-image", { reload: true }) }}
  5.         {% else %}
  6.             {% if not pimcore_image('fullwidth-image').isEmpty() or not pimcore_image('fullwidth-mobile-image').isEmpty() %}
  7.                 <picture>
  8.                     {% if not pimcore_image('fullwidth-image').isEmpty() %}
  9.                         <source media="(min-width:768px)" srcset="{{ pimcore_image('fullwidth-image').getSrc() }}">
  10.                     {% endif %}
  11.                     {% if not pimcore_image('fullwidth-mobile-image').isEmpty() %}
  12.                         <img src="{{ pimcore_image('fullwidth-mobile-image').getSrc() }}" alt="{{ pimcore_image('fullwidth-mobile-image').getAlt() }}"/>
  13.                     {% else %}
  14.                         <img src="{{ pimcore_image('fullwidth-image').getSrc() }}" alt="{{ pimcore_image('fullwidth-image').getAlt() }}"/>
  15.                     {% endif %}
  16.                 </picture>
  17.             {% endif %}
  18.         {% endif %}
  19.     </div>
  20.     <div class="fullwidth-image-inner fullwidth-component-inner">
  21.         <div class="fullwidth-image-textbox {% if (editmode and pimcore_image("fullwidth-image").isEmpty()) or (pimcore_image('fullwidth-image').isEmpty() and pimcore_image('fullwidth-mobile-image').isEmpty()) %}position-static{% endif %}">
  22.             <h2 class="mb-1">{{ pimcore_input('fullwidth-image-title') }}</h2>
  23.             <h3 class="text-muted">{{ pimcore_input('fullwidth-image-subtitle') }}</h3>
  24.             <p class="mb-4">
  25.                 {{
  26.                     pimcore_wysiwyg('fullwidth-image-text', {
  27.                         enterMode: 2,
  28.                         'toolbarGroups': [
  29.                             {
  30.                                 'name': 'basicstyles',
  31.                                 'groups': [ 'basicstyles' ]
  32.                             }
  33.                         ]
  34.                     })
  35.                 }}
  36.             </p>
  37.             {{ pimcore_link('fullwidth-image-link', {'class' : 'btn btn-primary'}) }}
  38.         </div>
  39.     </div>
  40. </div>