templates/includes/blocks/image.html.twig line 1

Open in your IDE?
  1. {% set displayOption = view.image.displayOption|default('top') %}
  3. {# we write the image into a variable to and then place it at the correct position depending on displayOption #}
  4. {% set image %}
  5.     {% set defaultFormat = '1380x' %}
  6.     {% set mobileFormat = '991x' %}
  8.     {% if displayOption in ['left', 'right'] %}
  9.         {% set defaultFormat = '400x' %}
  10.         {% set mobileFormat = '400x' %}
  11.     {% endif %}
  13.     <div class="block-image block-image__{{ displayOption }}">
  14.         {# @see https://github.com/sulu/web-twig/blob/v2.4.0/docs/image.md #}
  15.         {# get_image(content.image|default, defaultFormat, {
  16.             '(max-width: 991px)': mobileFormat,
  17.         }) #}
  18.     </div>
  19. {% endset %}
  21. {{ image }} 
  22. {% if displayOption == "top" %} 
  23.  <img src="{{content.image.url}}" alt="" class="parallax w-100"/>
  24.  
  25.  {% else %}
  26.  <img src="{{content.image.url}}" alt="" class="w-100"/>
  27.  {% endif %}