templates/default/components/molecules/banner-teaser/banner-teaser.html.twig line 1

Open in your IDE?
  1. {% import 'macros/storyblok.html.twig' as storyblok %}
  3. {% set bannerTeaserContent %}
  4. <div class="banner-teaser__image {% if size|default %}banner-teaser__image--{{ size }}{% endif %}">
  5. {% if image is defined %}
  6. {% include('components/atoms/image/image.html.twig') with {
  7. 'src': image,
  8. 'class': 'image__src--cover',
  9. 'alt': title|default
  10. } %}
  11. {% endif %}
  12. </div>
  13. <div class="banner-teaser__head">
  14. {% if subtitle is defined and title is not empty %}
  15. <div class="banner-teaser__subtitle">
  16. {% include('components/atoms/headline/headline.html.twig') with {
  17. 'class': 'headline--inherit banner-teaser__subtitle-headline',
  18. 'headlineTag': 'div',
  19. 'styling': 'h1',
  20. 'text': subtitle,
  21. } %}
  22. </div>
  23. {% endif %}
  25. {% if title is defined and title is not empty %}
  26. <div class="banner-teaser__title">
  27. {% include('components/atoms/headline/headline.html.twig') with {
  28. 'class': 'headline--inherit headline--background headline--partly-underlined',
  29. 'headlineTag': 'div',
  30. 'styling': 'h1',
  31. 'text': title|markdown_to_html|striptags('<br><em>'),
  32. } %}
  33. </div>
  34. {% endif %}
  35. </div>
  36. {% endset %}
  38. <div class="banner-teaser">
  39. {% if link is iterable and link.cached_url is defined and link.cached_url is not empty %}
  40. <a href="{{ storyblok.storyblokLink(link)|spaceless }}" class="banner-teaser__content">
  41. {{ bannerTeaserContent }}
  42. </a>
  43. {% else %}
  44. <div class="banner-teaser__content">
  45. {{ bannerTeaserContent }}
  46. </div>
  47. {% endif %}
  49. {% if linkText is not empty %}
  50. <div class="banner-teaser__action">
  51. {% include 'components/atoms/text-link/text-link.html.twig'
  52. with {
  53. 'class': 'banner-teaser__link text-link--arrow-right',
  54. 'href': (link is iterable) ? storyblok.storyblokLink(link)|spaceless : '#',
  55. 'text': linkText
  56. } %}
  57. </div>
  58. {% endif %}
  59. </div>