<article class="teaser teaser--product">
<header class="teaser-header">
<h3 class="heading heading--small teaser-heading"><a href="#">Ladekabel Type 2 - Kort</a></h3>
</header>
<div class="image">
<div class="image-inner">
<span style="padding-bottom: 100%;" class="image-placeholder" data-img-attr='{"src":"/temp/teaser-product.jpg","alt":"","srcset":"/temp/teaser-product.jpg 1x,/temp/teaser-product@2x.jpg 2x","data-object-fit":"cover","data-object-position":"center center"}'></span>
<noscript><img src="/temp/teaser-product.jpg" alt="" srcset="/temp/teaser-product.jpg 1x,/temp/teaser-product@2x.jpg 2x" data-object-fit="cover" data-object-position="center center"></noscript>
</div>
</div>
<div class="teaser-body">
<ul>
<li>3 faser</li>
<li>5 meter</li>
<li>Op till 22 kW ved 32A</li>
</ul>
<p class="price">2.899 <span class="price-unit">kr</span></p>
</div>
<div class="teaser-cta">
<span class="text">Læs mere og bestil</span>
</div>
</article>
<{{ tagName|default('article') }} class="teaser{% if teaserModifiers is defined and teaserModifiers|length %} teaser--{{ teaserModifiers|join(' teaser--') }}{% endif %}">
<header class="teaser-header">
{% if teaserContext or teaserDate %}
<div class="teaser-meta">
{% if teaserContext %}<small class="teaser-context">{{ teaserContext }}</small>{% endif %}
{% if teaserDate %}<small class="teaser-date">{{ teaserDate }}</small>{% endif %}
</div>
{% endif %}
<{{ headingLevel|default('h3') }} class="heading heading--small teaser-heading"><a href="{{ teaserUrl }}">{{ teaserHeading }}</a></{{ headingLevel|default('h3') }}>
</header>
{% include '@image' with teaserImage only %}
{% if teaserBody or teaserCarProperties %}
<div class="teaser-body">
{{ teaserBody }}
{% if teaserCarProperties %}
<ul>
<li>{{ teaserCarProperties.type|capitalize }}</li>
<li>Up to {{ teaserCarProperties.range }} km on electricity</li>
<li>Up to {{ teaserCarProperties.seats }} seats</li>
{% if teaserCarProperties['leasing'] == true %}
<li>Available for leasing</li>
{% endif %}
</ul>
{% endif %}
</div>
{% endif %}
<div class="teaser-cta">
<span class="text">{{ teaserCtaLabel|default('Read more') }}</span>
{% if 'external' in teaserModifiers %}
{% include '@icon' with { source: 'icon-external-link.svg' } %}
{% endif %}
</div>
</{{ tagName|default('article') }}>
{
"teaserModifiers": [
"product"
],
"teaserImage": {
"url": "/temp/teaser-product.jpg",
"width": 318,
"height": 318,
"retina": true,
"lazyload": true,
"sizes": [
{
"url": "/temp/teaser-product.jpg"
},
{
"url": "/temp/teaser-product@2x.jpg"
}
],
"attributes": {
"data-object-fit": "cover",
"data-object-position": "center center"
}
},
"teaserContext": null,
"teaserDate": null,
"teaserHeading": "Ladekabel Type 2 - Kort",
"teaserUrl": "#",
"teaserCtaLabel": "Læs mere og bestil",
"teaserBody": "\n\t\t\t\t\t<ul>\n\t\t\t\t\t\t<li>3 faser</li>\n\t\t\t\t\t\t<li>5 meter</li>\n\t\t\t\t\t\t<li>Op till 22 kW ved 32A</li>\n\t\t\t\t\t</ul>\n\t\t\t\t\t<p class=\"price\">2.899 <span class=\"price-unit\">kr</span></p>\n\t\t\t\t"
}
No notes defined.