Direct naar hoofdinhoud

Hoofdnavigatie

Platform Beta

Price details

van € 99
voor € 49
voor 4 personen
1 jaar gratis
.pricedetails

The pricedetails div should be placed in a container. The snippet below is the minimal required elements to display the pricing. The .alt classes hides the text so only the prices are shown. Use the correct .pricedetails__* correctly according the subject.

Markup

<div class="pricedetails {{modifier_class}}">
    <div class="pricedetails__priceContainer">
        <div class="pricedetails__from"><span class="alt">van </span> &euro; 99</div>
        <div class="pricedetails__price"><span class="alt">voor </span> &euro; 49</div>
        <div class="pricedetails__after">voor 4 personen</div>
    </div>
    <div class="pricedetails__sticker">1 jaar gratis</div>
</div>

Modifiers

van € 99
voor € 49
voor 4 personen
1 jaar gratis

.pricedetails--withSticker

Used in combination with .pricedetails__sticker

van € 99
voor € 49
voor 4 personen
1 jaar gratis

.pricedetails--withButton

Used in combination with .pricedetails__button