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

Open in your IDE?
  1. {% import 'blocks\\macros.html.twig' as macros %}
  2.     <section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="{% block skin_class %}block-06-image-text {{ settings.extra_class|default }}{% endblock %}" style="{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  5.         {% if settings.carousel|default == '1' or settings.carousel_1175|default == '1' or settings.carousel_600|default == '1' or settings.carousel_480|default == '1' %}
  6.             {% import 'blocks\\B06_image_text\\B06_image_text.default.settings.twig' as slick_settings %}
  7.             <div class="container{% if settings.fullwidth|default== 1 %}-fluid full-width-slider px-5{% endif %} list-repeatable slick-carousel" data-slick='{{slick_settings.getSlick_Settings(settings)|replace({"\n":""})}}'>
  8.         {% else %}
  9.             <div class="container{% if settings.fullwidth|default == 1 %}-fluid{% endif %} list-repeatable">
  10.         {% endif %}
  11.             {% for item in repeatable %}
  12.                 <div {% block row_repeatable %} class="row d-flex"{% if item.image_width == 12 %} data-aos="fade-up"{% endif %} {% endblock %}>
  13.                     <div class="col-12 col-lg-{{item.image_width}} {% if item.image_width != 12 %}{% if item.image_position|default %}pl-lg-0 order-lg-2{% else %}pr-lg-0{% endif %}{% endif %}"{% if item.image_width != 12 %}{% if item.image_position|default %} data-aos="{{ item.image_animation|default("fade-left")}}"{% else %} data-aos="{{ item.image_animation|default("fade-right")}}"{% endif %}{% endif %}>
  14.                         {% if item.image|default %}
  15.                             {% set extension = item.image|default|extension %}
  16.                             <img src="{% if extension == 'svg' or  extension == 'gif' %}{{ item.image }}{% else %}{{ (item.image)|imagine_filter('full')|urldecode }}{% endif %}" class="{% if item.image_no_cover|default %}img-fluid{% else %}object-fit-cover{% endif %}" alt="{{ item.image_alt|default }}" {% if item.image_title|default %} title="{{ item.image_title}}" {% endif %} style="border-radius: {{item.image_border_radius|default('0px')}};">
  17.                         {% endif %}
  18.                     </div>
  19.                     <div class="col-12 col-lg bg-text {% if item.image_position|default %} text-at-left order-lg-1 {% endif %}" {% if item.bgcolor|default and  item.image_width != 12 %} style="background-color: {{item.bgcolor}}" {% endif %}>
  20.                         <div class="w-100 h-100 pt-5 pb-lg-5 {% if item.image_width != 12 %}{% if item.image_position|default %}pl-0 pr-lg-3{% else %}pl-lg-3 pr-0{% endif %}{% else %}{% if item.bgcolor|default %}px-3{% endif %}{% endif %} d-flex align-items-start flex-column {{ item.text_vertical_position|default }}" style="color:{{ item.textcolor|default }};{% if item.bgcolor|default and  item.image_width == 12 %} background-color: {{item.bgcolor}} {% endif %}"{% if item.image_width != 12 %}{% if item.image_position|default %} data-aos="{{ item.text_animation|default("fade-right")}}"{% else %} data-aos="{{ item.text_animation|default("fade-left")}}"{% endif %}{% endif %}>
  21.                             {% if item.title|default %}<div class="w-100 mb-3 title">{{ item.title|raw }}</div>{% endif %}
  22.                             <div class="w-100 mb-3 text">{{ item.text|default|raw }}</div>
  23.                             {% if item.url|default or item.page|default %}
  24.                                 <div class="w-100 {% if item.text_vertical_position|default == '' %}mt-auto{% else %}{% endif %} {{item.btn_style_align|default }}">
  25.                                     {% set finalurl=item.url|default %}
  26.                                     {% if item.page|default %}
  27.                                         {% set pageInfo=get_page_info(app.request.locale, item.page) %}
  28.                                         {% if finalurl|trim is empty %}
  29.                                             {% set finalurl = pageInfo.url %}
  30.                                         {% endif %}
  31.                                     {% endif %}
  32.                                     <a href="{{ finalurl }}" target="{{ item.target|default }}" class="btn {{item.btn_style|default('btn-primary')}}">
  33.                                         <div class="viewmore">
  34.                                             {{ item.label_bt }}
  35.                                         </div>
  36.                                     </a>
  37.                                 </div>
  38.                             {% endif %}
  39.                         </div>
  40.                     </div>
  42.                 </div>
  43.             {% endfor %}
  44.         </div>
  45.     </section>