hallo,
möchte gerade image-simple-grid spiegelverkehrt anbieten als cms block. es funktioniert alles soweit, aber das css wird nicht zugewiesen:
component/html.twig
{% block sw_cms_block_image_simple_grid_reversed %}
{% endblock %}
component - scss:
.sw-cms-block-image-simple-grid-reversed {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));
grid-gap: 40px;
.sw-cms-el-image.is--cover {
min-height: 300px;
}
.sw-cms-block-image-simple-grid-reversed__side-images {
height: 100%;
}
.sw-cms-block-image-simple-grid-reversed__image-top {
margin-bottom: 40px;
}
}
view:
{% block block_image_simple_grid_reversed %}
{% set columns = 2 %}
{% set id = element.id %}
{% block block_image_simple_grid_reversed_left %}
{% block block_image_simple_grid_reversed_left_inner %}
{% set element = block.slots.getSlot('left') %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
{% endblock %}
{% block block_image_simple_grid_reversed_right %}
{% block block_image_simple_grid_reversed_right_top %}
{% set element = block.slots.getSlot('right-top') %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
{% block block_image_simple_grid_reversed_right_bottom %}
{% set element = block.slots.getSlot('right-bottom') %}
{% sw_include "@Storefront/storefront/element/cms-element-" ~ element.type ~ ".html.twig" ignore missing %}
{% endblock %}
{% endblock %}
{% endblock %}
danke