theme/templates/blocks/B15_cards_list/B15_cards_list.default.html.twig line 1

Open in your IDE?
  1. {# BLOCK B15 #}
  2. {% import 'blocks\\macros.html.twig' as macros %}
  3.     <section {% if settings.extra_block_id|default %} id="{{ settings.extra_block_id|default}}" {% endif %} class="{% block skin_class %}block-cards-list{% endblock %} {{ settings.extra_class|default }}" style="{{ macros.getStyles(settings) }}" {{ macros.getBlockDataAttributes(_context) }}>
  4.         <div class="{% if settings.fullwidth|default %}container-fluid px-5{% else %}container{% endif %}">
  5.             <div class="row no-margin">
  6.                 <div class="{% if (settings.offset|default) %}col-md-8 offset-md-2{% else %}col-12{% endif %}">
  7.                     {% if fields.title|default %}
  8.                         <div class="row no-margin">
  9.                             <div class="col-12">
  10.                                 {{ fields.title|raw }}
  11.                                 <hr>
  12.                             </div>
  13.                         </div>
  14.                     {% endif %}
  15.                     {% if settings.carousel|default == '1' or settings.carousel_1175|default == '1' or settings.carousel_600|default == '1' or settings.carousel_480|default == '1' %}
  16.                         {% import 'blocks\\B15_cards_list\\B15_cards_list.default.settings.twig' as slick_settings %}
  17.                         <div class="row slick-carousel" data-slick='{{slick_settings.getSlick_Settings(settings)|replace({"\n":""})}}'>
  18.                     {% else %}
  19.                         <div class="row row-cols-{{ settings.column|default(1) }} row-cols-md-{{ settings.column_md|default(2) }} row-cols-lg-{{ settings.column_lg|default(3) }} row-cols-xl-{{ settings.column_xl|default(4) }}{{ settings.align|default }}">
  20.                     {% endif %}
  22.                             {# {% if settings.column|default == 5 %}
  23.                                 {% set columns = "col-sm-6 col-md-4 col-lg-1-5" %}
  24.                             {% else %}
  25.                                 {% set columns = "col-md-"~ 12 / (settings.column|default > 0 ? settings.column|default : 1) %}
  26.                             {% endif %} #}
  28.                         {% set columns = "col" %}
  29.                         {% set counter = 0 %}
  30.                         {% for item in repeatable %}
  31.                             <div class="{{columns}} {{ settings.align_content|default }}" {% if settings.is_animated|default %}data-aos="{{ settings.animation_type|default("fade")}}" data-aos-delay="{{ counter }}"{% endif %}>
  32.                                 <div class="w-100 h-100" {% if item.bgcolor|default %} style="background-color: {{item.bgcolor}}; border-radius:{{ settings.card_border_radius|default("0px")}};" {% endif %}>
  33.                                 {# link #}
  34.                                 {% block startlink %}
  35.                                     {% if item.file_download|default %}
  36.                                         <a href="{{item.file_download}}" target="_blank">
  37.                                     {% elseif item.url_ext|default %}
  38.                                         <a href="{{item.url_ext}}" target="{{ item.target|default("_self") }}">
  39.                                     {% elseif item.link|default %}
  40.                                         {% set pageInfo=get_page_info(app.request.locale, item.link) %}
  41.                                         <a href="{{ pageInfo.url }}" target="{{ item.target|default("_self") }}">
  42.                                     {% endif %}
  43.                                 {% endblock %}
  44.                                 {# image #}
  45.                                 {% block image %}
  46.                                     {% if item.image|default %}
  47.                                     <div style="padding:{{settings.image_padding|default("20px 20px 0px 20px")}}">
  48.                                         {% set extension = item.image|default|extension %}
  49.                                         {% if extension == 'svg' or  extension == 'gif' %}
  50.                                         <img src="{{CDN_URL|default}}{{ item.image }}" alt="{{ item.image_alt|default }}" class="img-fluid" style="border-radius:{{ settings.img_border_radius|default("0px")}}">
  51.                                         {% else %}
  52.                                         <img src="{{ (item.image)|imagine_filter('small')|urldecode }}" alt="{{ item.image_alt|default }}" class="img-fluid" loading="lazy" style="border-radius:{{ settings.img_border_radius|default("0px")}}">
  53.                                         {% endif %}
  54.                                     </div>
  55.                                     {% endif %}
  56.                                 {% endblock %}
  57.                                 {# content #}
  58.                                     <div style="padding:{{settings.card_padding|default("20px")}}">
  59.                                     {% block content %}
  60.                                         {% set textcolor = settings.textcolor|default ? 'style="color: ' ~ settings.textcolor ~ ';"' : '' %}
  61.                                         {% if item.textcolor|default %}
  62.                                             {% set textcolor = 'style="color: ' ~ item.textcolor ~ ';"' %}
  63.                                         {% endif %}
  64.                                         {% if item.label|default %}<h3 {{ textcolor|raw }}>{{ item.label }}</h3>{% endif %}
  65.                                         {% if item.short_text|default %}<div {{ textcolor|raw }}>{{ item.short_text|default|raw }}</div>{% endif %}
  66.                                         {% if item.btn_label|default %}<div class="btn {{settings.btn_style|default('btn-primary')}}" {{ textcolor|raw }}>{{item.btn_label}}</div>{% endif %}
  67.                                     {% endblock %}
  68.                                     {# link #}
  69.                                     {% block endlink %}
  70.                                         {% if item.file_download|default or item.link|default or item.url_ext|default %}</a>{% endif %}
  71.                                     {% endblock %}
  72.                                     </div>
  73.                                 </div>
  74.                             </div>
  75.                              {% set counter = counter + 150 %}
  76.                         {% endfor %}
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.         </div>
  81.     </section>
  82. {# @END BLOCK #}