<section class="section-wrapper ">
<div class="container">
<h2 class="title-small">
<span>Im Spotlight</span> | <a href="">alle anzeigen</a>
</h2>
<div class="tiles" data-scrollable="false">
<div class="row">
<div class="col-12 col-sm-6 col-md-3 ">
<div class="tile">
<div class="tile-image lazy-bg" style="background-image: url(https://picsum.photos/300/200)"></div>
<div class="tile-preline">preline goes here...</div>
<div class="tile-text">normal text goes here lorem impsum dolor</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 ">
<div class="tile">
<div class="tile-image lazy-bg" style="background-image: url(https://picsum.photos/300/200)"></div>
<div class="tile-preline">preline goes here...</div>
<div class="tile-text">normal text goes here lorem impsum dolor</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 ">
<div class="tile">
<div class="tile-image lazy-bg" style="background-image: url(https://picsum.photos/300/200)"></div>
<div class="tile-preline">preline goes here...</div>
<div class="tile-text">normal text goes here lorem impsum dolor</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 ">
<div class="tile">
<div class="tile-image lazy-bg" style="background-image: url(https://picsum.photos/300/200)"></div>
<div class="tile-preline">preline goes here...</div>
<div class="tile-text">normal text goes here lorem impsum dolor</div>
<a href="#lorem" class="overlay-link"></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-wrapper {{ section_class }}">
<div class="container">
{% set title_rendered %}{{ title }}{% endset %}
{% set read_more_rendered %}{{ read_more }}{% endset %}
{% if title_rendered or read_more_rendered %}
<h2 class="title-small">
{% if title %}<span>{{ title_rendered }}</span>{% endif %}
{% if read_more_rendered and title_rendered %} | {% endif %}
{{ read_more_rendered }}
</h2>
{% endif %}
{% render "@components/02-components/tiles/tiles/tiles.twig" with {
items: items,
col: col,
sm_col: sm_col,
md_col: md_col,
lg_col: lg_col,
scrollable: scrollable
} %}
</div>
</section>
{
"title": "Im Spotlight",
"read_more": "<a href=\"\">alle anzeigen</a>",
"section_class": "",
"col": "col-12",
"sm_col": "col-sm-6",
"md_col": "col-md-3",
"lg_col": "",
"scrollable": false,
"items": [
{
"$tile--news": {
"overlay_link": true
}
},
{
"$tile--news": {
"overlay_link": true
}
},
{
"$tile--news": {
"overlay_link": true
}
},
{
"$tile--news": {
"overlay_link": true
}
}
]
}
There are no notes for this item.