<div class="btwswitcher flex-dir--c select">
<label class="label btwswitcher__label">Toon prijzen</label>
<span class="btwswitcher__form position-relative">
<form method="post" action="#" data-children-count="1">
<span class="select2-selection__arrow btwswitcher__arrow position-absolute right-xs" role="presentation">
<svg
class="icon "
role="img"
>
<use xlink:href="/images/icons-sprite.svg#undefined"></use>
</svg>
</span>
<input type="hidden" name="form_key" value="hine6EB6uXUbnVR7">
<select name="blah" class="select__field btwswitcher__select" onchange="this.form.submit()">
<option value="2" selected="">Incl. BTW</option>
<option value="1">Excl. BTW</option>
<option value="3">Beide</option>
</select>
</form>
</span>
</div>
<div class="btwswitcher flex-dir--c select">
<label class="label btwswitcher__label">Toon prijzen</label>
<span class="btwswitcher__form position-relative">
<form method="post" action="#" data-children-count="1">
<span class="select2-selection__arrow btwswitcher__arrow position-absolute right-xs" role="presentation">
{{render '@icon' icon }}
</span>
<input type="hidden" name="form_key" value="hine6EB6uXUbnVR7">
<select name="blah" class="select__field btwswitcher__select" onchange="this.form.submit()">
<option value="2" selected="">Incl. BTW</option>
<option value="1">Excl. BTW</option>
<option value="3">Beide</option>
</select>
</form>
</span>
</div>
{
"icon": {
"icon": {
"title": "Scroll to top",
"id": "arrow-down",
"hidden": false,
"class": "btwswitcher__icon"
}
}
}
.btwswitcher {
width: 100%;
&__label {
display: flex;
justify-content: flex-start;
margin-top: $spacer--semi-medium;
}
&__select {
width: 100%;
background: transparent;
}
&__arrow {
right: $spacer--small;
height: 100%;
top: 0;
}
&__icon {
height: 100%;
}
}
There are no notes for this item.