templates/utils/image.position.html.twig line 1

Open in your IDE?
  1. {% if thumbnailString == '' %}
  2.   {% set thumbnailString = 'col-6' %}
  3. {% endif %}
  5. {% set markers = image.getMarker() %}
  6. {% set markerX = '' %}
  7. {% set markerY = '' %}
  8. {% set break = false %}
  10. {% for marker in markers %}
  11.   {% if not break %}
  12.     {% if marker.data == [] and marker.name == '' %}
  13.       {% set markerX = marker.left %}
  14.       {% set markerY = marker.top %}
  15.       {% set break = true %}
  16.     {% endif %}
  17.   {% endif %}
  18. {% endfor %}
  20. {# This is how the image postion is determined.
  21.     If one coordinate fits within an area it gets the corresponding class
  23.         x
  24.       y  +---left---+--center--+-- right--+
  25.     top | < 33.333 | < 66.666 |  < 100   |
  26.         |----------|----------|----------|
  27.   center | < 66.666 |          |          |
  28.         |----------|----------|----------|
  29.   bottom |  < 100   |          |          |
  30.         +----------+----------+----------+
  31.   #}
  32. {% if markerX > 0 and markerY > 0 %}
  33.   {% set imagePosition = image_marker_position_x_y(markerX, markerY) %}
  34. {% else %}
  35.   {% set imagePosition = 'center-center' %}
  36. {% endif %}
  39. <div class="image-position-{{imagePosition}}">
  40.   {{ image.thumbnail(thumbnailString).html | raw }}
  42.   {% if imageTitleShow %}
  43.     {% set image = image.getImage() %}
  44.     {% if imageTitleInput %}
  45.       <div class="c-image__title">
  46.         {{ imageTitleInput | raw }}
  47.       </div>
  48.     {% elseif image.getMetadata('title') %}
  49.       <div class="c-image__title">
  50.         {{ image.getMetadata('title') | raw }}
  51.       </div>
  52.     {% endif %}
  53.   {% endif %}
  54. </div>