templates/home/homePage/_header.html.twig line 1

Open in your IDE?
  1. {% set image = getDCA(8, false) %}
  2. {% if image is empty %}
  3. {% set image = asset('/assets/img/placeholder-landscape.webp') %}
  4. {% endif %}
  5. <div class="l-featured-section l-featured-section--logo-only ui-featured-section ui-featured-section--logo-only lazyload"
  6. data-bg="{{ image }}"
  7. data-delay="5000"
  8. >
  9. <div class="l-featured-section-content">
  10. {{ editDCA(8) }}
  11. <div class="l-container l-container--phone-spacing">
  12. <div class="l-featured-section-logo-container">
  13. {# {% include "fe/icons/logo.svg" %}#}
  14. <h1 class="l-hidden-page-title">{{ getSiteSetting("website-title") }}</h1>
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  21. {% if banners is not empty %}
  22. <div class="ui-featured-floating-banners-section l-featured-floating-banners-section">
  23. <div class="l-container l-container--phone-slider-spacing l-container--position-relative">
  24. <div class="swiper l-slider-row" data-l-slider="featured-floating-banners">
  25. <div class="l-flex-row l-flex-row--nowrap l-flex-row--spacing-0 swiper-wrapper">
  26. {% for banner in banners %}
  27. {% set image = asset(banner.image.assetPath) %}
  30. {% set hasLink = false %}
  32. {% if banner.url != '#' and banner.url is not empty %}
  33. {% set hasLink = true %}
  34. {% endif %}
  35. <div class="l-flex-col-lg-3 swiper-slide">
  36. <{{ hasLink ? "a":"div" }}
  37. class="l-featured-floating-banner ui-featured-floating-banner"
  38. {% if hasLink is same as (true) %}
  39. href="{{ path('banner_redirect', {'id':banner.id}) }}"
  40. {% endif %}
  41. {{ banner.openInNewTab ? 'target="_blank" rel="noreferrer"' : 'rel="dofollow"' }}
  42. >
  43. <img
  44. class="l-featured-floating-banner-img lazyload"
  45. width="388"
  46. height="304"
  47. data-expand="-20"
  48. data-delay="5000"
  49. src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
  50. data-src="{{ image|webp(null, 304) }}"
  51. alt="{{ banner.title is not null ? banner.title : "Ad" }}"
  52. />
  53. <div class="l-featured-floating-banner-caption ui-featured-floating-banner-caption">
  54. <h2 class="ui-featured-floating-banner-caption-title l-featured-floating-banner-caption-title">{{ banner.title }}</h2>
  55. <p class="ui-featured-floating-banner-caption-txt l-featured-floating-banner-caption-txt">{{ banner.text }}</p>
  56. </div>
  57. {{ hasLink ? "</a>" : "</div>" }}
  58. </div>
  59. {% endfor %}
  60. </div>
  61. </div>
  62. </div>
  63. <div class="swiper-pagination" data-l-slider-pagination="featured-floating-banners"></div>
  64. <div class="swiper-button-prev" data-l-slider-navigation-prev="featured-floating-banners"></div>
  65. <div class="swiper-button-next" data-l-slider-navigation-next="featured-floating-banners"></div>
  66. </div>
  67. {% endif %}