templates/themes/ismart/block/home-banner.html.twig line 1

Open in your IDE?
  1. {#<section class="home-banner">#}
  2. {#    {% if isMobile %}#}
  3. {#        <div class="slider-1 home-slider  blaze-slider overflow-visible">#}
  4. {#            <div class="blaze-container">#}
  5. {#                <div class="blaze-track-container">#}
  6. {#                    <div class="blaze-track">#}
  7. {#                        {% set items = block.content | json_decode %}#}
  8. {#                        {% for itm in items %}#}
  9. {#                            {% set youtube = '' %}#}
  10. {#                            {% set video = '' %}#}
  11. {#                            {% set videoSrc = '' %}#}
  12. {#                            {% if itm.videoUrl is not empty %}#}
  13. {#                                {% set youtube = 'youtube' %}#}
  14. {#                                {% set video = 'video' %}#}
  15. {#                                {% set videoSrc = itm.videoUrl %}#}
  16. {#                            {% endif %}#}
  17. {#                            {% if itm.videoFile is not empty %}#}
  18. {#                                {% set youtube = '' %}#}
  19. {#                                {% set video = 'video' %}#}
  20. {#                                {% set videoSrc = itm.videoFile %}#}
  21. {#                            {% endif %}#}
  22. {#                            <a {% if itm.url is not empty %}href="{{ itm.url }}" {% endif%} class="item {{ video }} {{ youtube }}" {% if videoSrc is not empty %} video-src="{{ videoSrc }}{% endif %}">#}
  23. {#                                {% if videoSrc is not empty %}#}
  24. {#                                    <i class="zmdi zmdi-youtube-play"></i>#}
  25. {#                                {% endif %}#}
  26. {#                                <picture class="d-block w-100 picture-lazy">#}
  27. {#                                    {% if isMobile %}#}
  28. {#                                        <img loading="lazy" class="img-fluid"#}
  29. {#                                             src="{{ asset('themes/ismart') }}/img/compressed.webp"#}
  30. {#                                             src="{{ getImageWebp(getImageBySize(itm.image,'small')) }}"#}
  31. {#                                             data-src="{{ getImageWebp(getImageBySize(itm.image,'thumb')) }}">#}
  32. {#                                    {% else %}#}
  33. {#                                        <img loading="lazy" class="img-fluid"#}
  34. {#                                             src="{{ getImageWebp(getImageBySize(itm.image,'small')) }}"#}
  35. {#                                             data-src="{{ getImageWebp(getImageBySize(itm.image,'feature')) }}">#}
  36. {#                                    {% endif %}#}
  37. {#                                </picture>#}
  38. {#                            </a>#}
  39. {#                        {% endfor %}#}
  40. {#                    </div>#}
  41. {#                </div>#}
  43. {#                <button class="blaze-prev" aria-label="Go to previous slide">#}
  44. {#                    <svg data-name="Layer 1" id="Layer_1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path d="M12.5,32,45.17,0,51.5,6.62,25.24,32,51.5,57.38,45.17,64Z" data-name="&lt;Compound Path&gt;" id="_Compound_Path_"/></svg>#}
  45. {#                </button>#}
  46. {#                <button class="blaze-next" aria-label="Go to next slide">#}
  47. {#                    <svg data-name="Layer 1" id="Layer_1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path d="M51.66,32,19,0,12.66,6.62,38.91,32,12.66,57.38,19,64Z" data-name="&lt;Compound Path&gt;" id="_Compound_Path_"/></svg>#}
  48. {#                </button>#}
  50. {#                <div class="blaze-pagination d-flex align-items-center justify-content-center flex-row"></div>#}
  51. {#            </div>#}
  52. {#        </div>#}
  53. {#    {% else %}#}
  54. {#        <div class="slider-1">#}
  55. {#            {% set items = block.content | json_decode %}#}
  56. {#            {% for itm in items %}#}
  57. {#                {% set youtube = '' %}#}
  58. {#                {% set video = '' %}#}
  59. {#                {% set videoSrc = '' %}#}
  60. {#                {% if itm.videoUrl is not empty %}#}
  61. {#                    {% set youtube = 'youtube' %}#}
  62. {#                    {% set video = 'video' %}#}
  63. {#                    {% set videoSrc = itm.videoUrl %}#}
  64. {#                {% endif %}#}
  65. {#                {% if itm.videoFile is not empty %}#}
  66. {#                    {% set youtube = '' %}#}
  67. {#                    {% set video = 'video' %}#}
  68. {#                    {% set videoSrc = itm.videoFile %}#}
  69. {#                {% endif %}#}
  70. {#                <a {% if itm.url is not empty %}href="{{ itm.url }}" {% endif%} class="item {{ video }} {{ youtube }}" {% if videoSrc is not empty %} video-src="{{ videoSrc }}{% endif %}">#}
  71. {#                    {% if videoSrc is not empty %}#}
  72. {#                        <i class="zmdi zmdi-youtube-play"></i>#}
  73. {#                    {% endif %}#}
  74. {#                    <picture class="d-block w-100 picture-lazy">#}
  75. {#                        <img loading="lazy" class="img-fluid"#}
  76. {#                             src="{{ itm.image }}" />#}
  77. {#                             src="{{ getImageWebp(getImageBySize(itm.image,'small')) }}"#}
  78. {#                             data-src="{{ getImageWebp(itm.image) }}">#}
  79. {#                    </picture>#}
  80. {#                </a>#}
  81. {#            {% endfor %}#}
  83. {#        </div>#}
  84. {#    {% endif %}#}
  85. {#</section>#}
  87. <section class="home-banner">
  88.     <div class="slider-1">
  89.         {% set items = block.content | json_decode %}
  90.         {% for itm in items %}
  91.             {% set youtube = '' %}
  92.             {% set video = '' %}
  93.             {% set videoSrc = '' %}
  94.             {% if itm.videoUrl is not empty %}
  95.                 {% set youtube = 'youtube' %}
  96.                 {% set video = 'video' %}
  97.                 {% set videoSrc = itm.videoUrl %}
  98.             {% endif %}
  99.             {% if itm.videoFile is not empty %}
  100.                 {% set youtube = '' %}
  101.                 {% set video = 'video' %}
  102.                 {% set videoSrc = itm.videoFile %}
  103.             {% endif %}
  104.             <a {% if itm.url is not empty %}href="{{ itm.url }}" {% endif%} class="item {{ video }} {{ youtube }}" {% if videoSrc is not empty %} video-src="{{ videoSrc }}{% endif %}">
  105.                 {% if videoSrc is not empty %}
  106.                     <i class="zmdi zmdi-youtube-play"></i>
  107.                 {% endif %}
  108.                 <img src="{{ itm.image }}" class="img-fluid d-none d-sm-block" alt="" />
  109.                 <img src="{{ itm.image }}" class="img-fluid d-block d-sm-none" alt="" />
  110.             </a>
  111.         {% endfor %}
  113.     </div>
  114. </section>