templates/themes/theme/templates/cmspage-banner.html.twig line 1

Open in your IDE?
  1. {% extends '@theme/base.html.twig' %}
  2. {% block metatitle %}{{page.metatitle}}{% endblock %}
  3. {% block metadescription %}{{page.metadescription|striptags|slice(0, 160)}}{% endblock %}
  4. {% block body %}
  5. {% if page.image %}
  6. <div class="banner-image lazyBackgroundImage" data-mobile="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 1566, 822) }}" data-desktop="{{ imageCache('/userfiles/images/page/' ~ page.image, 'zoomCrop', 3200, 1680) }}"></div>
  7. {% endif %}
  8. <section class="page-content{% if page.image == null %} pt-[148px] md:pt-[163px]{% endif %}">
  9. <div class="container">
  10. {% if page.kicker %}
  11. <h1>{{ replaceIfComponentDataExists(pageComponents, "title", page.title) }}</h1>
  12. <h3>{{ page.subtitle|raw }}</h3>
  13. {{ allowInlineEditor(page, 'kicker')|raw }}
  14. {% endif %}
  15. {{ renderComponents('Before Content', pageComponents)|raw }}
  16. <div class="row cms-area">
  17. <div class="col-12 text-center {% if page.content %}py-12{% else %} pt-12 pb-6{% endif %}">
  18. {% if page.kicker == null %}
  19. <h1>{{ replaceIfComponentDataExists(pageComponents, "title", page.title) }}</h1>
  20. <h3 class="text-green">{{ page.subtitle|raw }}</h3>
  21. {% endif %}
  22. {% if page.content %}
  23. {{ allowInlineEditor(page, 'content')|raw }}
  24. {% endif %}
  25. {% if page.file %}
  26. <video src="{{ page.getFileUrl }}" controls></video>
  27. {% endif %}
  28. </div>
  29. </div>
  30. {{ renderComponents('After Content', pageComponents)|raw }}
  31. {% if page.content2 %}
  32. <div class="row cms-area pb-12">
  33. {% if page.image3 %}
  34. <div class="sm:col-6 col-12">
  35. <img class="max-w-full h-auto" src="{{ imageCache('/userfiles/images/page/' ~ page.image3, 'zoomCrop', 1140, 1200) }}" width="670" height="706" alt="{{ page.title }}" loading="lazy" />
  36. </div>
  37. {% endif %}
  38. <div class="{% if page.image3 %}sm:col-6 col-12{% else %}col-12{% endif %}">
  39. {{ allowInlineEditor(page, 'content2')|raw }}
  40. </div>
  41. </div>
  42. {% endif %}
  43. </div>
  44. {{ renderHtmlBlock('Content Block', pageHtmlBlocks, page)|raw }}
  45. </section>
  46. {% endblock %}
  47. {% block stylesheets %}
  48. {% endblock %}