{% sw_extends '@Storefront/storefront/block/cms-block-image-text-row.html.twig' %}
{% block block_image_text_row_left %}
<div class="col-md-4">
<div class="row align-items-center">
{% block block_image_text_row_left_image %}
{% set element = block.slots.getSlot('left-image') %}
<div data-cms-element-id="{{ id }}" class="col">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
{% endblock %}
{% block block_image_text_row_left_text %}
{% set element = block.slots.getSlot('left-text') %}
{% set ellink = block.slots.getSlot('left-image') %}
{% if ellink.config.url.value %}
<a href="{{ ellink.config.url.value }}"
class="col kara-cms-element-text"
{% if ellink.config.newTab.value %}target="_blank" rel="noopener"{% endif %}>
<div data-cms-element-id="{{ id }}" class="">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
</a>
{% else %}
<div data-cms-element-id="{{ id }}" class="col kara-cms-element-text">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}
{% block block_image_text_row_center %}
<div class="col-md-4">
<div class="row align-items-center">
{% block block_image_text_row_center_image %}
{% set element = block.slots.getSlot('center-image') %}
<div data-cms-element-id="{{ id }}" class="col">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
{% endblock %}
{% block block_image_text_row_center_text %}
{% set element = block.slots.getSlot('center-text') %}
{% set ellink = block.slots.getSlot('center-image') %}
{% if ellink.config.url.value %}
<a href="{{ ellink.config.url.value }}"
class="col kara-cms-element-text"
{% if ellink.config.newTab.value %}target="_blank" rel="noopener"{% endif %}>
<div data-cms-element-id="{{ id }}" class="">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
</a>
{% else %}
<div data-cms-element-id="{{ id }}" class="col kara-cms-element-text">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}
{% block block_image_text_row_right %}
<div class="col-md-4">
<div class="row align-items-center">
{% block block_image_text_row_right_image %}
{% set element = block.slots.getSlot('right-image') %}
<div data-cms-element-id="{{ id }}" class="col">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
{% endblock %}
{% block block_image_text_row_right_text %}
{% set element = block.slots.getSlot('right-text') %}
{% set ellink = block.slots.getSlot('right-image') %}
{% if ellink.config.url.value %}
<a href="{{ ellink.config.url.value }}"
class="col kara-cms-element-text"
{% if ellink.config.newTab.value %}target="_blank" rel="noopener"{% endif %}>
<div data-cms-element-id="{{ id }}" class="">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
</a>
{% else %}
<div data-cms-element-id="{{ id }}" class="col kara-cms-element-text">
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
</div>
{% endif %}
{% endblock %}
</div>
</div>
{% endblock %}