templates/default/components/molecules/image-text/image-text.html.twig line 1

Open in your IDE?
  1. <div class="image-text{% if background|default %} image-text--{{ background }}{% endif %} {{ class|default }}">
  3. <div class="image-text__inner ">
  4. {% set imagePositionModifier = (imagePosition is defined) ? 'image-text--' ~ imagePosition : '' %}
  5. {% set imageSizeModifier = (imageSize is defined) ? 'image-text--' ~ imageSize : '' %}
  7. <div class="image-text__content clearfix {{ imagePositionModifier }} {{ imageSizeModifier }}">
  8. {% if image|length == 1 %}
  9. <div class="image-text__image">
  10. {{ render_storyblok(image, {
  11. 'class': 'image-text__img'
  12. }) }}
  13. </div>
  14. {% endif %}
  15. <div class="image-text__text">
  16. {% if headline|length == 1 %}
  17. <div class="image-text__headline">
  18. {{ render_storyblok(headline, {
  19. 'class': 'headline--no-spacing'
  20. }) }}
  21. </div>
  22. {% endif %}
  24. {% if description|length > 0 %}
  25. <div class="image-text__description{% if column is defined %} image-text__description--column-{{ column }}{% endif %}">
  26. {% for descriptionBlock in description %}
  27. {{ render_storyblok(descriptionBlock) }}
  28. {% endfor %}
  29. </div>
  30. {% endif %}
  32. {% if link|length == 1 %}
  33. <div class="image-text__action">
  34. {{ render_storyblok(link) }}
  35. </div>
  36. {% endif %}
  37. </div>
  38. </div>
  39. </div>
  40. </div>