templates/front/blocks/block-image-text__content.twig line 1

Open in your IDE?
  1. {% if entity.layoutSettings.width.mobile[textPosition] != 0 or entity.layoutSettings.width.tablet[textPosition] != 0 or entity.layoutSettings.width.desktop[textPosition] != 0 or entity.layoutSettings.width.desktopXL[textPosition] != 0 %}
  2.     <div class="order-3 {{ entity.layout == "col2-tb-dl" ? 'order-md-1' : 'order-md-3' }} {{ entity.layoutSettings.photoFromEdge is defined ? 'flex-column' }}
  3.         {% if entity.layoutSettings.verticalSpace.columnPadding.left[textPosition]|default('') != '' %}
  4.                 ps-lg-{{ entity.layoutSettings.verticalSpace.columnPadding.left[textPosition]|default('0') }}
  5.         {% endif %}
  6.         {% if entity.layoutSettings.verticalSpace.columnPadding.right[textPosition]|default('') != '' %}
  7.             pe-lg-{{ entity.layoutSettings.verticalSpace.columnPadding.right[textPosition]|default('0') }}
  8.         {% endif %}
  9.             pt-{{ entity.layoutSettings.verticalSpace.columnPadding.top[textPosition]|default('0') }}
  10.             pb-{{ entity.layoutSettings.verticalSpace.columnPadding.bottom[textPosition]|default('0') }}
  11.             mt-{{ entity.layoutSettings.verticalSpace.columnMargin.top[textPosition]|default('0') }}
  12.             mb-{{ entity.layoutSettings.verticalSpace.columnMargin.bottom[textPosition]|default('') }}
  13.         {% if entity.layoutSettings.width.mobile[textPosition] != 0 %}
  14.             col-{{ entity.layoutSettings.width.mobile[textPosition]|default('0') }}
  15.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-flex' : 'd-block' }}
  16.         {% else %}
  17.             d-none
  18.         {% endif %}
  19.         {% if entity.layoutSettings.width.tablet[textPosition] != 0 %}
  20.             col-md-{{ entity.layoutSettings.width.tablet[textPosition]|default('0') }}
  21.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-md-flex' : 'd-md-block' }}
  22.         {% else %}
  23.             d-md-none
  24.         {% endif %}
  25.         {% if entity.layoutSettings.width.desktop[textPosition] != 0 %}
  26.             col-lg-{{ entity.layoutSettings.width.desktop[textPosition]|default('0') }}
  27.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-lg-flex' : 'd-lg-block' }}
  28.         {% else %}
  29.             d-lg-none
  30.         {% endif %}
  31.         {% if entity.layoutSettings.width.desktopXL[textPosition] != 0 %}
  32.             col-xxl-{{ entity.layoutSettings.width.desktopXL[textPosition]|default('0') }}
  33.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-xxl-flex' : 'd-xxl-block' }}
  34.         {% else %}
  35.             d-xxl-none
  36.         {% endif %}
  37.         {{ entity.layout == 'col2-tl' or entity.layout == "col2-tb-dl" ? 'order-lg-1' : 'order-lg-3' }} {{ textContainerClass }}  {{ entity.layoutSettings.width.justifyContentCenter|default('') }}">
  39.         {% if sec.title != '' %}
  40.             <h{{ sec.titleHeader|default('h') }} class="pt-{{ sec.titlePT|default('0') }} pb-{{ sec.titlePB|default('0') }} text-{{ sec.titleAlign|default('left') }} text-{{ sec.titleColor|default('black') }} {% if sec.titleFontSize != 0 %}f-{{ sec.titleFontSize|default('28') }}{% endif %} {{ sec.titleFontBold|default('') }} {{ sec.titleFont|default('') }}">{{ sec.title|default }}</h{{ sec.titleHeader|default('1') }}>
  41.         {% endif %}
  42.         {% if entity.translations.pl.subTitle != '' %}
  43.             <h{{ sec.subTitleHeader|default('1') }} class="pt-{{ sec.subTitlePT|default('0') }} pb-{{ sec.subTitlePB|default('0') }} text-{{ sec.subTitleAlign|default('left') }} text-{{ sec.subTitleColor|default('black') }} {% if sec.subTitleFontSize != 0 %}f-{{ sec.subTitleFontSize|default('0') }}{% endif %} {{ sec.subTitleFontBold|default('') }} {{ sec.subTitleFont|default('') }}">{{ sec.subTitle|default }}</h{{ sec.subTitleHeader|default('h1') }}>
  44.         {% endif %}
  45.         {{ sec.contentFirst|default('')|raw }}
  46.         {% if entity.layout == "col2-tb-dl" %}
  47.             {% include 'front/blocks/block-image-download__button.twig' with { position: "right" } %}
  48.         {% else %}
  49.             {% include 'front/blocks/block-image-text__button.twig' with { position: textPosition } %}
  50.         {% endif %}
  51.     </div>
  52. {% endif %}
  54. {% if entity.layoutSettings.width.mobile.center != 0 or entity.layoutSettings.width.tablet.center != 0 or entity.layoutSettings.width.desktop.center != 0 or entity.layoutSettings.width.desktopXL.center != 0 %}
  55.     <div class="{% if entity.layoutSettings.width.mobile.center != 0 %}col-{{ entity.layoutSettings.width.mobile.center|default(0) }}{% endif %} {% if entity.layoutSettings.width.tablet.center != 0 %}col-md-{{ entity.layoutSettings.width.tablet.center|default(0) }}{% endif %} {% if entity.layoutSettings.width.desktop.center != 0 %}col-lg-{{ entity.layoutSettings.width.desktop.center|default(0) }}{% endif %} {% if entity.layoutSettings.width.desktopXL.center != 0 %} col-xxl-{{ entity.layoutSettings.width.desktopXL.center != 0 }}{% endif %} order-lg-2"></div>
  56. {% endif %}
  58. {% if entity.layoutSettings.width.mobile[graphPosition] != 0 or entity.layoutSettings.width.tablet[graphPosition] != 0 or entity.layoutSettings.width.desktop[graphPosition] != 0 or entity.layoutSettings.width.desktopXL[graphPosition] != 0 %}
  59.     <div class="pb-sm-3 pb-3 order-1 order-md-1
  60.         {% if entity.layoutSettings.verticalSpace.columnPadding.left[graphPosition]|default('') != '' %}
  61.             ps-lg-{{ entity.layoutSettings.verticalSpace.columnPadding.left[graphPosition]|default('0') }}
  62.         {% endif %}
  63.         {% if entity.layoutSettings.verticalSpace.columnPadding.right[graphPosition]|default('') != '' %}
  64.             pe-lg-{{ entity.layoutSettings.verticalSpace.columnPadding.right[graphPosition]|default('0') }}
  65.         {% endif %}
  66.             pt-{{ entity.layoutSettings.verticalSpace.columnPadding.top[graphPosition]|default('0') }}
  67.             pb-{{ entity.layoutSettings.verticalSpace.columnPadding.bottom[graphPosition]|default('0') }}
  68.             mt-{{ entity.layoutSettings.verticalSpace.columnMargin.top[graphPosition]|default('0') }}
  69.             mb-{{ entity.layoutSettings.verticalSpace.columnMargin.bottom[graphPosition]|default('') }}
  70.         {% if entity.layoutSettings.width.mobile[graphPosition] != 0 %}
  71.             col-{{ entity.layoutSettings.width.mobile[graphPosition]|default('0') }}
  72.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-flex' : 'd-block' }}
  73.         {% else %}
  74.             d-none
  75.         {% endif %}
  76.         {% if entity.layoutSettings.width.tablet[graphPosition] != 0 %}
  77.             col-md-{{ entity.layoutSettings.width.tablet[graphPosition]|default('0') }}
  78.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-md-flex' : 'd-md-block' }}
  79.         {% else %}
  80.             d-md-none
  81.         {% endif %}
  82.         {% if entity.layoutSettings.width.desktop[graphPosition] != 0 %}
  83.             col-lg-{{ entity.layoutSettings.width.desktop[graphPosition]|default('0') }}
  84.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-lg-flex' : 'd-lg-block' }}
  85.         {% else %}
  86.             d-lg-none
  87.         {% endif %}
  88.         {% if entity.layoutSettings.width.desktopXL[graphPosition] != 0 %}
  89.             col-xxl-{{ entity.layoutSettings.width.desktopXL[graphPosition]|default('0') }}
  90.             {{ entity.layoutSettings.photoFromEdge is defined ? 'd-xxl-flex' : 'd-xxl-block' }}
  91.         {% else %}
  92.             d-xxl-none
  93.         {% endif %}
  94.         {{ entity.layout == 'col2-tl' ? 'order-lg-3' : 'order-lg-1' }} {{ graphContainerClass }}">
  95.         <div class="{{ entity.layoutSettings.imageZoom|default('') }}">
  96.             {% if entity.translations.pl.image is not null %}
  97.                 <img src="{{ (CONST_IMAGE_URL ~ entity.translations.pl.image.fileName)|imagine_filter('full') }}" alt="" class="{{ imgClass }}" style="object-fit: {{ (entity.layoutSettings.imageFill|default('cover')) }};">
  98.             {% endif %}
  99.         </div>
  100.     </div>
  101. {% endif %}