templates/blocks/B01_slideshow/B01_slideshow.default.html.twig line 1

Open in your IDE?
  1. {# BLOCK SLIDESHOW #}
  2. {% import 'blocks\\macros.html.twig' as macros %}
  3. {% if settings.disabled_block|default != 1 or fields.text|default %}
  4. {% set slideshowheight = settings.slideshow_height|default != "" ? '--slideshow-height:'~ settings.slideshow_height ~ ';' %}
  5. {% set slideshowmobile_height = settings.slideshow_mobile_height|default != "" ? '--slideshowmobile-height:'~ settings.slideshow_mobile_height ~ ';' %}
  6. {% set dots = settings.carousel_dots|default == 1 ? '"dots": true, ' %}
  7. {% set arrows = settings.carousel_arrows|default != 1 ? '"arrows": false, ' %}
  8. {% set dots_color = settings.carousel_dots_color|default != "" ? '--dots-color:'~ settings.carousel_dots_color ~ ';' %}
  9. {% set arrows_color = settings.carousel_arrows_color|default != "" ? '--arrows-color:'~ settings.carousel_arrows_color ~ ';' %}
  10. {% set b01_colors = dots_color ~ arrows_color|default %}
  11. {% set slider_animatation = settings.slider_animatation|default == 1 ? ', "speed": 900, "fade": true' : ', "speed": 600' %}
  12.     <section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} {% if settings.is_animated|default %} data-aos="{{ settings.animation_type|default("fade")}}" {% endif %} class="block-slideshow position-relative {{ settings.extra_class|default }}" style="{{slideshowheight|raw}}{{slideshowmobile_height|raw}}{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  13.         <div class="slick-carousel{{settings.arrows_style|default}}{{settings.dots_style|default}}{{settings.dots_align|default}}{{settings.dots_position|default}}" data-slick='{ {{dots}}{{arrows}}"infinite": true, "slidesToShow": 1, "autoplay": true, "autoplaySpeed": 6000{{slider_animatation}}}' style="{{b01_colors|raw}}">
  14.             {% for item in repeatable %}
  15.                 <div class="item">
  16.                     {% if item.item_url_ext|default %}
  17.                         <a href="{{ item.item_url_ext }}"  target="{{ item.target|default("_self") }}">
  18.                     {% elseif item.item_url|default %}
  19.                     {% set pageInfo=get_page_info(app.request.locale, item.item_url) %}
  20.                         <a href="{{ pageInfo.url }}" target="{{ item.target|default("_self") }}">
  21.                     {% endif %}
  22.                         {% if item.item_video|default != '' or  item.item_video_mobile|default !='' %}
  23.                             {% set videocover = item.item_image|default %}
  24.                             {% if is_mobile() and item.item_image_mobile|default !='' %}
  25.                                 {% set videocover = item.item_image_mobile|default %}
  26.                             {% endif %}
  27.                             <video playsinline muted {% if videocover|default %}poster="{{ videocover }}"{% endif %}>
  28.                                 {% if item.item_video_mobile|default !='' %}
  29.                                     <source src="{{item.item_video_mobile}}" media="(max-width: 575.98px)" />
  30.                                     {{ (imgsrc)|imagine_filter('banner_mobile')|urldecode }}
  31.                                 {% endif %}
  32.                                 <source src="{{item.item_video|default}}" />
  33.                             </video>
  34.                         {% elseif item.item_image != '' %}
  35.                             <picture>
  36.                                 {% set imgsrc ="" %}
  37.                                 {% set imgsrc = item.item_image_mobile|default %}
  38.                                 {% if imgsrc == "" %}
  39.                                     {% set imgsrc = item.item_image|default %}
  40.                                 {% endif %}
  41.                                 <source
  42.                                 media="(min-width: 992px)" srcset="{{ (item.item_image)|imagine_filter('bannerbig') }}">
  43.                                 <!-- imagem mobile no src -->
  44.                                 <img src="{{ (imgsrc)|imagine_filter('banner_mobile')|urldecode }}" alt="{{item.item_image_alt|default}}" title="{{item.item_image_title|default}}">
  45.                             </picture>
  46.                         {% endif %}
  47.                         <div class="mask {{ item.image_filter|default}}"></div>
  48.                         <div class="container carousel-caption {{ item.btn_align|default }}" {% if item.removelineheight|default %}style="line-height:unset" {% endif %}data-animation-in="fadeInDown" data-duration-in=".6" data-animation-out="fadeOUt" data-duration-out=".2">
  49.                             <div class="row w-100 {{ item.align_text|default }}">
  50.                                 <div class="{% if item.caption_full_width|default %}col-lg-12{% else %}col-lg-7{% endif %}" data-aos="fade-right" data-aos-anchor-placement="bottom-bottom">
  52.                                     {% if item.item_title|default %}
  53.                                         <span class="{% if item.item_title_mobile|default %}d-none d-lg-block{% endif %}">{{ item.item_title|default|raw }}</span>
  54.                                     {% endif %}
  56.                                     {% if item.item_title_mobile|default %}
  57.                                         <span class="d-block d-lg-none">{{ item.item_title_mobile|default|raw }}</span>
  58.                                     {% endif %}
  60.                                     {% if item.item_text|default %}
  61.                                         <div class="banner-subtitle {% if item.item_text_mobile|default %}d-none d-lg-block{% endif %}">
  62.                                             {{ item.item_text|default|raw }}
  63.                                         </div>
  64.                                     {% endif %}
  66.                                     {% if item.item_text_mobile|default %}
  67.                                         <div class="banner-subtitle d-block d-lg-none">
  68.                                             {{ item.item_text_mobile|default|raw }}
  69.                                         </div>
  70.                                     {% endif %}
  72.                                     {% if item.item_url_ext|default and item.item_label|default %}
  73.                                         <btn class="btn {{settings.btn_style|default('btn-primary')}}">{{ item.item_label }}</btn>
  74.                                     {% elseif item.item_url|default and item.item_label|default %}
  75.                                     {% set pageInfo=get_page_info(app.request.locale, item.item_url) %}
  76.                                         <btn class="btn {{settings.btn_style|default('btn-primary')}}">{{ item.item_label }}</btn>
  77.                                     {% endif %}
  79.                                 </div>
  80.                             </div>
  81.                         </div>
  82.                     {% if item.item_url_ext|default or item.item_url|default %}</a>{% endif %}
  83.                 </div>
  84.             {% endfor %}
  85.         </div>
  86.         {% if fields.btn_next_section|default %}
  87.             <div class="next-panel js-next-panel">
  88.                 <img src="{{ fields.btn_next_section|default }}" alt="{{ fields.btn_next_section_alt|default }}">
  89.             </div>
  90.         {% endif %}
  91.     </section>
  92. {% endif %}
  93. {# @END BLOCK #}