templates/blocks/B06_image_text/B06_image_text.style_4.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 %}{{ blockSequence }} block-06-image-text style4 {{ settings.extra_class|default }}{% endblock %}" style="{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  3.         <div class="container{% if settings.fullwidth|default == 1 %}-fluid{% endif %} list-repeatable">
  4.                 {% set carousel = false %}
  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.                     {% set carousel = true %}
  7.                     {% import 'blocks\\B06_image_text\\B06_image_text.default.settings.twig' as slick_settings %}
  8.                     <div class="row mb-4 slick-carousel" data-slick='{{slick_settings.getSlick_Settings(settings)|replace({"\n":""})}}'>
  9.                 {% endif %}
  11.                     {% for item in repeatable %}
  12.                         <div class="{% if carousel %}item{% else %}row mb-4{% endif %}" style="
  13.                             {% if item.bgcolor|default %}--bgcolor: {{item.bgcolor}};{% endif %}
  14.                             {% if item.margin_y_negative|default %}--margin_y: {{item.margin_y_negative}}; --top: {{item.margin_y_negative}};{% endif %}
  15.                             {% if item.margin_x_negative|default %}--margin_x: {{item.margin_x_negative}};{% endif %}
  16.                             {% if item.image_position|default %}
  17.                                 {% if item.margin_x_negative|default %} --right: {{item.margin_x_negative}}; {% endif %}
  18.                                 --left: var(--shadowwidth);
  19.                             {% else %}
  20.                                 {% if item.margin_x_negative|default %} --left: {{item.margin_x_negative}}; {% endif %}
  21.                                 --right: var(--shadowwidth);
  22.                             {% endif %}
  23.                         ">
  24.                             <div class="col-lg-12 border-background border-background-{{loop.index}} {% if item.image_position|default %} text-at-left order-lg-1 {% endif %}">
  25.                                 <div {% block row_repeatable %} class="row" {% endblock %}>
  26.                                     <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 carousel == false %}{% 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 %}{% endif %}>
  27.                                         {% if item.image|default %}
  28.                                             {% set extension = item.image|default|extension %}
  29.                                             <img src="{% if extension == 'svg' or  extension == 'gif' %}{{ item.image|urldecode }}{% 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')}};">
  30.                                         {% endif %}
  31.                                     </div>
  32.                                     <div class="col-12 col-lg bg-text {% if item.image_position|default %} text-at-left order-lg-1 {% endif %}">
  33.                                         <div class="w-100 h-100 d-flex align-items-start flex-column" style="{% if item.textcolor|default %}color:{{ item.textcolor }};{% endif %}{% if item.bgcolor|default and  item.image_width == 12 %} background-color: {{item.bgcolor}} {% endif %}" {% if carousel == false %}{% 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 %} {% endif %}>
  34.                                             {% if item.title|default %}<div class="w-100 title">{{ item.title|raw }}</div>{% endif %}
  35.                                             <div class="w-100 text">{{ item.text|default|raw }}</div>
  36.                                             {% if item.url|default or item.page|default %}
  37.                                                 <div class="w-100 mt-auto {{item.btn_style_align|default }}">
  38.                                                     {% set finalurl=item.url|default %}
  39.                                                     {% if item.page|default %}
  40.                                                         {% set pageInfo=get_page_info(app.request.locale, item.page) %}
  41.                                                         {% if finalurl|trim is empty %}
  42.                                                             {% set finalurl = pageInfo.url %}
  43.                                                         {% endif %}
  44.                                                     {% endif %}
  45.                                                     <a href="{{ finalurl }}" target="{{ item.target|default }}" class="btn {{item.btn_style|default('btn-primary')}}">
  46.                                                         <div class="viewmore">
  47.                                                             {{ item.label_bt }}
  48.                                                         </div>
  49.                                                     </a>
  50.                                                 </div>
  51.                                             {% endif %}
  52.                                         </div>
  53.                                     </div>
  54.                                 </div>
  55.                             </div>
  56.                         </div>
  57.                     {% endfor %}
  58.                 {% if carousel %} </div> {% endif %}
  60.         </div>
  61.     </section>