shop.gva.be
Open in
urlscan Pro
104.17.72.100
Public Scan
Submitted URL: https://interactief.gva.be/optiext/optiextension.dll?ID=SopSiN1GliKOUfxKkHTSOhYV2L8xLht9FqnHpEXs4teu6y6Ce8ZQjOTmeLprBAtKmhn...
Effective URL: https://shop.gva.be/2-paar-compressiekousen-voor-heren-en-dames.html?utm_source=gva&utm_medium=webshop_positie&utm_c...
Submission: On January 11 via api from BE — Scanned from DE
Effective URL: https://shop.gva.be/2-paar-compressiekousen-voor-heren-en-dames.html?utm_source=gva&utm_medium=webshop_positie&utm_c...
Submission: On January 11 via api from BE — Scanned from DE
Form analysis 18 forms found in the DOM
GET https://shop.gva.be/catalogsearch/result/
<form class="form minisearch relative" id="search_mini_form" action="https://shop.gva.be/catalogsearch/result/" method="get">
<div class="backdrop hidden lg:block" x-show="backdropOpen" x-transition:enter="ease-in-out duration-500" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in-out duration-500"
x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" @click="backdropOpen = false" @keydown.escape="backdropOpen = false" aria-label="Close panel" style="display: none;"></div>
<label class="hidden" for="search" data-role="minisearch-label">
<span>Zoek</span>
</label>
<div class="relative" :class="{'z-50' : backdropOpen }" @click="backdropOpen = true">
<input id="search" x-ref="searchInput" autocomplete="off" name="q" value="" placeholder="Zoeken" maxlength="128" class="w-full p-2 text-grey focus:outline-none leading-normal transition appearance-none border-0" @focus.once="suggest"
@input.debounce.300="suggest" @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))" @focus="backdropOpen = true" @keydown="backdropOpen = true" @keydown.escape="close">
<template x-if="result.length > 0">
<div @click.outside="close" class="bg-white w-full leading-normal transition appearance-none text-grey-800 flex flex-col border
border-container absolute max-h-96 overflow-y-auto">
<div @click=" $nextTick(() => { close() });" class="cursor-pointer absolute top-4 right-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 320 512" class="text-black" width="14" height="14"
aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path
d="M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z">
</path>
</svg>
</div>
<template x-for="suggestionGroup in groups">
<div data-section="1" class="mt-4" x-data="{ title: suggestionGroup.title, suggestions: suggestionGroup.suggestions}">
<div x-show="suggestions.length > 0">
<span class="text-l font-bold py-3 pl-4 text-left" x-text="title"></span>
</div>
<template x-for="suggestion in suggestions">
<div tabindex="0" @keydown.enter="clickSuggestion(suggestion)" @keydown.arrow-up.prevent="focusElement($event.target.previousElementSibling) || $refs.searchInput.focus()"
@keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling) || focusNextSectionElement($refs.searchResults, $el)"
class="qs-option-info-container cursor-pointer text-gray px-4 pb-3 lg:pt-3 transition-all hover:bg-container" @click="clickSuggestion(suggestion)" :data-title="suggestion.title ? suggestion.title : ''">
<span x-html="suggestion.highlightedTitle"></span>
</div>
</template>
</div>
</template>
<div x-show="suggestions.length > 0" class="mt-4" data-section="3">
<template x-for="suggestion in suggestions">
<div tabindex="1" class="not-last-child:border-b-0.5 border-container xl:border-none cursor-pointer hover:bg-primary-lighter
focus:bg-primary-lighter outline-none" @keydown.enter="clickSuggestion(suggestion)" @keydown.arrow-up.prevent="focusElement($event.target.previousElementSibling) || focusPrevSectionElement($refs.searchResults, $el)"
@keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling) || focusNextSectionElement($refs.searchResults, $el)" @click="clickSuggestion(suggestion)" :data-title="suggestion.title ? suggestion.title : ''">
<span x-html="suggestion.highlightedTitle"></span>
</div>
</template>
</div>
<div x-show="products.length > 0" class="mt-4" data-section="2">
<span class="text-black text-l font-bold py-3 pl-4 text-left"> Producten </span>
<template x-for="suggestion in products">
<div tabindex="2" class="qs-option-info-container cursor-pointer text-gray px-4 pb-3 lg:pt-3 transition-all hover:bg-container" @click="clickSuggestion(suggestion)" x-ref="searchProductSection" @keydown.enter="clickSuggestion(suggestion)"
@keydown.arrow-up.prevent="focusElement($event.target.previousElementSibling) || focusPrevSectionElement($refs.searchResults, $el)" @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"
:data-title="suggestion.title ? suggestion.title : ''">
<span x-html="suggestion.highlightedTitle"></span>
</div>
</template>
</div>
</div>
</template>
<button type="submit" title="Zoek" class="cursor-pointer absolute top-1/2 right-5 -translate-y-1/2">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-black" width="20" height="20"
aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. -->
<path
d="M500.3 443.7l-119.7-119.7c27.22-40.41 40.65-90.9 33.46-144.7C401.8 87.79 326.8 13.32 235.2 1.723C99.01-15.51-15.51 99.01 1.724 235.2c11.6 91.64 86.08 166.7 177.6 178.9c53.8 7.189 104.3-6.236 144.7-33.46l119.7 119.7c15.62 15.62 40.95 15.62 56.57 0C515.9 484.7 515.9 459.3 500.3 443.7zM79.1 208c0-70.58 57.42-128 128-128s128 57.42 128 128c0 70.58-57.42 128-128 128S79.1 278.6 79.1 208z">
</path>
</svg>
</button>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/aHR0cHM6Ly9zaG9wLmd2YS5iZS8yLXBhYXItY29tcHJlc3NpZWtvdXNlbi12b29yLWhlcmVuLWVuLWRhbWVzLmh0bWw_TV9CVD02MDUyMzI2ODI3MjgmYWRoX2k9Jm1faT11eE90R1dZUG5ZU0lrVDA2RFNnSE9iQ05md25SVzl1MWtjSFl6TFFwNmpha2F0YXExWEd4c1NFVFdSTnhneGFUa04lMkJoUUliNkVCSjVPX1Y1c3NISlJrTTglMkJTeDZDTWdRNnMyQnVxJnV0bV9tYXJrZXRpbmdfdGFjdGljPWNyb3NzX3Byb21v/product/10639/
<form method="post"
action="https://shop.gva.be/checkout/cart/add/uenc/aHR0cHM6Ly9zaG9wLmd2YS5iZS8yLXBhYXItY29tcHJlc3NpZWtvdXNlbi12b29yLWhlcmVuLWVuLWRhbWVzLmh0bWw_TV9CVD02MDUyMzI2ODI3MjgmYWRoX2k9Jm1faT11eE90R1dZUG5ZU0lrVDA2RFNnSE9iQ05md25SVzl1MWtjSFl6TFFwNmpha2F0YXExWEd4c1NFVFdSTnhneGFUa04lMkJoUUliNkVCSjVPX1Y1c3NISlJrTTglMkJTeDZDTWdRNnMyQnVxJnV0bV9tYXJrZXRpbmdfdGFjdGljPWNyb3NzX3Byb21v/product/10639/"
class="mb-6" id="product_addtocart_form">
<input type="hidden" name="product" value="10639">
<input type="hidden" name="selected_configurable_option" value="">
<input type="hidden" name="related_product" id="related-products-field" value="">
<input type="hidden" name="item" value="10639">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd">
<div x-data="initConfigurableSwatchOptions_10639()"
x-init="init(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 0}) });"
@private-content-loaded.window="onGetCartData($event.detail.data)" class="relative mb-6">
<div class="swatch-attribute min-h-[68px] mb-3
color">
<template x-if="showSwatches">
<div>
<label class="text-black font-roboto-bold" id="attribute-label-10639-93" aria-hidden="true">
<span>Kleur</span>
<span class="text-gray-900 ml-2 font-bold" x-text="getSwatchText(93, selectedValues[93])"></span>
</label>
<div class="-ml-1">
<div class="flex items-center -mx-1 space-x-1 swatch-attribute-options" role="radiogroup" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-10639-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
</template>
<div>
<label class="text-black font-roboto-bold" id="attribute-label-10639-93" aria-hidden="true">
<span>Kleur</span>
<span class="text-gray-900 ml-2 font-bold" x-text="getSwatchText(93, selectedValues[93])"></span>
</label>
<div class="-ml-1">
<div class="flex items-center -mx-1 space-x-1 swatch-attribute-options" role="radiogroup" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-10639-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-10639-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template><label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black border-container-darker w-6 h-6"
:class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" for="attribute-option-10639-70-1"
style="background: #ffffff url('https://shop.gva.be/media/catalog/product/cache/e7c1c58f81733b58d168276041b225cb/h/o/hoofdbeeldxtreme2blauw_3.jpg') no-repeat center; background-size: cover;">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-10639-93" id="attribute-option-10639-70-1" value="70" required="required" aria-label="Blauw">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-10639-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template><label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black border-container-darker w-6 h-6"
:class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" for="attribute-option-10639-66-1"
style="background: #ffffff url('https://shop.gva.be/media/catalog/product/cache/e7c1c58f81733b58d168276041b225cb/h/o/hoofdbeeldxtreme2zwart_2.jpg') no-repeat center; background-size: cover;">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-10639-93" id="attribute-option-10639-66-1" value="66" required="required" aria-label="Zwart">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</div>
</div>
</div>
</div>
<div class="swatch-attribute min-h-[68px] mb-3
size">
<template x-if="showSwatches">
<div>
<label class="text-black font-roboto-bold" id="attribute-label-10639-349" aria-hidden="true">
<span>Maat</span>
<span class="text-gray-900 ml-2 font-bold" x-text="getSwatchText(349, selectedValues[349])"></span>
</label>
<div class="-ml-1">
<div class="flex items-center -mx-1 space-x-1 swatch-attribute-options" role="radiogroup" aria-label="Maat">
<template x-for="(item, index) in optionConfig.attributes[349].options" :key="item.id">
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
</template>
<div>
<label class="text-black font-roboto-bold" id="attribute-label-10639-349" aria-hidden="true">
<span>Maat</span>
<span class="text-gray-900 ml-2 font-bold" x-text="getSwatchText(349, selectedValues[349])"></span>
</label>
<div class="-ml-1">
<div class="flex items-center -mx-1 space-x-1 swatch-attribute-options" role="radiogroup" aria-label="Maat">
<template x-for="(item, index) in optionConfig.attributes[349].options" :key="item.id">
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template><label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black border-container-darker"
:class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" for="attribute-option-10639-1136-1" style="">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349" id="attribute-option-10639-1136-1" value="1136" required="required" aria-label="35/38">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true">35/38</div>
</label>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template><label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black border-container-darker"
:class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" for="attribute-option-10639-887-1" style="">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349" id="attribute-option-10639-887-1" value="887" required="required" aria-label="39/42">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true">39/42</div>
</label>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template><label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black border-container-darker"
:class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" for="attribute-option-10639-1137-1" style="">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349" id="attribute-option-10639-1137-1" value="1137" required="required" aria-label="43/45">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true">43/45</div>
</label>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
<div x-id="['attribute-option-10639-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template><label :for="$id('attribute-option-10639-'+item.id)"
class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black border-container-darker"
:class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false" for="attribute-option-10639-1138-1" style="">
<input :id="$id('attribute-option-10639-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-10639-349" id="attribute-option-10639-1138-1" value="1138" required="required" aria-label="45/47">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true">45/47</div>
</label>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</div>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/12050/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/12050/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="12050">
<a href="https://shop.gva.be/smartwatch-lunix-mar00095.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Smartwatch Lunix","item_id":"MAR00095","price":49.95,"index":2,"item_category":"Elektro","item_category2":"Sport","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0","Deelplan":"12050"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-12050.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/W/2/W25011_goed_voornemens_hoofdbeeld_MAG.jpg" loading="lazy" width="450" height="300" alt="W25011_goed_voornemens_hoofdbeeld_MAG.jpg" title="W25011_goed_voornemens_hoofdbeeld_MAG.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/smartwatch-lunix-mar00095.html" :id="`slide-desc-12050-${$id('slider-id')}`" tabindex="-1" id="slide-desc-12050-slider-id-1">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Smartwatch Lunix </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Jouw slimme assistent, stijlvol en functioneel </div>
<div class="py-1 mx-auto ">
<div x-data="initRating120506782b1e725923()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Smartwatch\u0020Lunix\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Smartwatch\u0020Lunix\u0020rating.\u00205\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Smartwatch Lunix rating. 5 out of 5 stars. Click to go to reviews.">
<span class="hidden">5</span>
<span class="hidden">1</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>5/5</span>
(<span>1</span>
review)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e723ae2()" @update-prices-12050.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="12050" data-price-box="product-id-12050"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D12050']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D12050')" data-price-amount="49.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-12050-1"><span class="price">49<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D12050']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D12050')" data-price-amount="129.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-12050-1"><span class="price">129<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_12050()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-12050-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-12050-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-12050-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-12050-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-12050-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/smartwatch-lunix-mar00095.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/12005/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/12005/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="12005">
<a href="https://shop.gva.be/oplaadbaar-warmtekussen-feel-home-mar00093.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Oplaadbaar warmtekussen \u2013 Feel Home","item_id":"MAR00093","price":39.95,"index":3,"item_category":"Huis & tuin","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"4","item_reviews_score":"3.75","Deelplan":"12005"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-12005.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeld_met_swatcheswarmtekussen.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeld_met_swatcheswarmtekussen.jpg" title="hoofdbeeld_met_swatcheswarmtekussen.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/oplaadbaar-warmtekussen-feel-home-mar00093.html" :id="`slide-desc-12005-${$id('slider-id')}`" tabindex="-1" id="slide-desc-12005-slider-id-2">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Oplaadbaar warmtekussen – Feel Home </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Inclusief krachtige 10.000 mAh powerbank </div>
<div class="py-1 mx-auto ">
<div x-data="initRating120056782b1e736ace()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Oplaadbaar\u0020warmtekussen\u0020\u2013\u0020Feel\u0020Home\u0020rating.\u00203.15\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Oplaadbaar\u0020warmtekussen\u0020\u2013\u0020Feel\u0020Home\u0020rating.\u00203.15\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Oplaadbaar warmtekussen – Feel Home rating. 3.15 out of 5 stars. Click to go to reviews.">
<span class="hidden">3.15</span>
<span class="hidden">12</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill12005">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="15%" stop-color="#ffb300"></stop>
<stop offset="15%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill12005)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" style="color: #7a7a7a" viewBox="3 0 20 20" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0
1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>3.15/5</span>
(<span>12</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e734c61()" @update-prices-12005.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="12005" data-price-box="product-id-12005"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D12005']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D12005')" data-price-amount="39.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-12005-1"><span class="price">39<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D12005']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D12005')" data-price-amount="99.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-12005-1"><span class="price">99<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_12005()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-12005-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-12005-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-12005-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-12005-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-12005-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
<div class="swatch-attribute border-t last:border-b border-container
size">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-12005-349" role="radiogroup" x-bind="scrollEvents" aria-label="Maat">
<template x-for="(item, index) in optionConfig.attributes[349].options" :key="item.id">
<div x-id="['attribute-option-12005-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-12005-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-12005-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-12005-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/oplaadbaar-warmtekussen-feel-home-mar00093.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11888/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11888/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11888">
<a href="https://shop.gva.be/draadloze-dimbare-led-tafellamp-08010310.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Draadloze dimbare led tafellamp","item_id":"08010310","price":19.95,"index":4,"item_category":"Elektro","item_category2":"Verlichting","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"5","item_reviews_score":"4","Deelplan":"11888"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11888.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/W/2/W24168_tafellamp_imtradex_hoofdbeeld_tafellamp.jpg" loading="lazy" width="450" height="300" alt="W24168_tafellamp_imtradex_hoofdbeeld_tafellamp.jpg" title="W24168_tafellamp_imtradex_hoofdbeeld_tafellamp.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/draadloze-dimbare-led-tafellamp-08010310.html" :id="`slide-desc-11888-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11888-slider-id-3">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Draadloze dimbare led tafellamp </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Modern en praktisch design </div>
<div class="py-1 mx-auto ">
<div x-data="initRating118886782b1e73cf50()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Draadloze\u0020dimbare\u0020led\u0020tafellamp\u0020rating.\u00204.2\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Draadloze\u0020dimbare\u0020led\u0020tafellamp\u0020rating.\u00204.2\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Draadloze dimbare led tafellamp rating. 4.2 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.2</span>
<span class="hidden">26</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11888">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="20%" stop-color="#ffb300"></stop>
<stop offset="20%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11888)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.2/5</span>
(<span>26</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e73b1e7()" @update-prices-11888.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11888" data-price-box="product-id-11888"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11888']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11888')" data-price-amount="19.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11888-1"><span class="price">19<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11888']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11888')" data-price-amount="49.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-11888-1"><span class="price">49<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/draadloze-dimbare-led-tafellamp-08010310.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11335/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11335/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11335">
<a href="https://shop.gva.be/6-paar-naadloze-kousen-comfort-essentials-mar00044.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"6 paar naadloze kousen - Comfort Essentials","item_id":"MAR00044","price":17.95,"index":5,"item_category":"Mode","item_category2":"Kleding","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"7","item_reviews_score":"2.7","Deelplan":"11335"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11335.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldMARnaadloos_1.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeldMARnaadloos.jpg" title="hoofdbeeldMARnaadloos.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/6-paar-naadloze-kousen-comfort-essentials-mar00044.html" :id="`slide-desc-11335-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11335-slider-id-4">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
6 paar naadloze kousen - Comfort Essentials </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
voor gevoelige voeten </div>
<div class="py-1 mx-auto ">
<div x-data="initRating113356782b1e742abb()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? '6\u0020paar\u0020naadloze\u0020kousen\u0020\u002D\u0020Comfort\u0020Essentials\u0020rating.\u00203.25\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: '6\u0020paar\u0020naadloze\u0020kousen\u0020\u002D\u0020Comfort\u0020Essentials\u0020rating.\u00203.25\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="6 paar naadloze kousen - Comfort Essentials rating. 3.25 out of 5 stars. Click to go to reviews.">
<span class="hidden">3.25</span>
<span class="hidden">47</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11335">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="25%" stop-color="#ffb300"></stop>
<stop offset="25%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11335)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" style="color: #7a7a7a" viewBox="3 0 20 20" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0
1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>3.25/5</span>
(<span>47</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e740b30()" @update-prices-11335.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11335" data-price-box="product-id-11335"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11335']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11335')" data-price-amount="17.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11335-1"><span class="price">17<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11335']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11335')" data-price-amount="39.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-11335-1"><span class="price">39<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_11335()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-11335-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-11335-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-11335-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-11335-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-11335-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
<div class="swatch-attribute border-t last:border-b border-container
size">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-11335-349" role="radiogroup" x-bind="scrollEvents" aria-label="Maat">
<template x-for="(item, index) in optionConfig.attributes[349].options" :key="item.id">
<div x-id="['attribute-option-11335-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-11335-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-11335-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-11335-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/6-paar-naadloze-kousen-comfort-essentials-mar00044.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/8547/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/8547/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="8547">
<a href="https://shop.gva.be/houten-puzzelorganizer-met-kantelfunctie-en-lades-deluxe-08007797.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Houten puzzelorganizer met kantelfunctie en lades - Deluxe","item_id":"08007797","price":59.95,"index":6,"item_category":"Huis & tuin","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"17","item_reviews_score":"3.95","Deelplan":"8547"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-8547.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldpuzzel2_1.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeldpuzzel2.jpg" title="hoofdbeeldpuzzel2.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/houten-puzzelorganizer-met-kantelfunctie-en-lades-deluxe-08007797.html" :id="`slide-desc-8547-${$id('slider-id')}`" tabindex="-1" id="slide-desc-8547-slider-id-5">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Houten puzzelorganizer met kantelfunctie en lades - Deluxe </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
met viltbekleding voor puzzels tot 1000 stukjes </div>
<div class="py-1 mx-auto ">
<div x-data="initRating85476782b1e749088()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Houten\u0020puzzelorganizer\u0020met\u0020kantelfunctie\u0020en\u0020lades\u0020\u002D\u0020Deluxe\u0020rating.\u00204.4\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Houten\u0020puzzelorganizer\u0020met\u0020kantelfunctie\u0020en\u0020lades\u0020\u002D\u0020Deluxe\u0020rating.\u00204.4\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Houten puzzelorganizer met kantelfunctie en lades - Deluxe rating. 4.4 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.4</span>
<span class="hidden">113</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill8547">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="40%" stop-color="#ffb300"></stop>
<stop offset="40%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill8547)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.4/5</span>
(<span>113</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e747353()" @update-prices-8547.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="8547" data-price-box="product-id-8547"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D8547']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D8547')" data-price-amount="59.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-8547-1"><span class="price">59<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D8547']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D8547')" data-price-amount="159.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-8547-1"><span class="price">159<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/houten-puzzelorganizer-met-kantelfunctie-en-lades-deluxe-08007797.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11494/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11494/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11494">
<a href="https://shop.gva.be/personenweegschaal-gs300-08010304.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Personenweegschaal GS300","item_id":"08010304","price":19.95,"index":7,"item_category":"Haal het beste uit jezelf in 2025","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"1","item_reviews_score":"4","Deelplan":"11494"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11494.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldweegschaal_1.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeldweegschaal.jpg" title="hoofdbeeldweegschaal.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/personenweegschaal-gs300-08010304.html" :id="`slide-desc-11494-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11494-slider-id-6">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Personenweegschaal GS300 </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Weegvlak in veiligheidsglas met antislip-noppen </div>
<div class="py-1 mx-auto ">
<div x-data="initRating114946782b1e74e3cc()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Personenweegschaal\u0020GS300\u0020rating.\u00204.1\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Personenweegschaal\u0020GS300\u0020rating.\u00204.1\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Personenweegschaal GS300 rating. 4.1 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.1</span>
<span class="hidden">9</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11494">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="10%" stop-color="#ffb300"></stop>
<stop offset="10%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11494)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.1/5</span>
(<span>9</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e74c63d()" @update-prices-11494.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11494" data-price-box="product-id-11494"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11494']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11494')" data-price-amount="19.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11494-1"><span class="price">19<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11494']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11494')" data-price-amount="39.99" data-price-type="oldPrice" class="price-wrapper " id="old-price-11494-1"><span class="price">39<span class="decimals">,99</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/personenweegschaal-gs300-08010304.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11625/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11625/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11625">
<a href="https://shop.gva.be/set-van-3-oplaadbare-led-kaarsen-mar00066.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Set van 3 oplaadbare led-kaarsen","item_id":"MAR00066","price":22.95,"index":8,"item_category":"Huis & tuin","item_category2":"Verlichting","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"44","item_reviews_score":"4.7","Deelplan":"11625"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11625.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldledkaarsen.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeldledkaarsen.jpg" title="hoofdbeeldledkaarsen.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/set-van-3-oplaadbare-led-kaarsen-mar00066.html" :id="`slide-desc-11625-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11625-slider-id-7">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Set van 3 oplaadbare led-kaarsen </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Gemaakt van paraffine en met realistische vlam </div>
<div class="py-1 mx-auto ">
<div x-data="initRating116256782b1e753c76()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Set\u0020van\u00203\u0020oplaadbare\u0020led\u002Dkaarsen\u0020rating.\u00204.55\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Set\u0020van\u00203\u0020oplaadbare\u0020led\u002Dkaarsen\u0020rating.\u00204.55\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Set van 3 oplaadbare led-kaarsen rating. 4.55 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.55</span>
<span class="hidden">278</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11625">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="55%" stop-color="#ffb300"></stop>
<stop offset="55%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11625)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.55/5</span>
(<span>278</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e751ea6()" @update-prices-11625.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11625" data-price-box="product-id-11625"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11625']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11625')" data-price-amount="22.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11625-1"><span class="price">22<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11625']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11625')" data-price-amount="49.99" data-price-type="oldPrice" class="price-wrapper " id="old-price-11625-1"><span class="price">49<span class="decimals">,99</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_11625()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-11625-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-11625-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-11625-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-11625-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-11625-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/set-van-3-oplaadbare-led-kaarsen-mar00066.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/5598/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/5598/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="5598">
<a href="https://shop.gva.be/hoeslakens-mood-t-mag00000468.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Hoeslakens - MOOD!T","item_id":"MAG00000468","price":16.95,"index":9,"item_category":"Huis & tuin","item_category2":"Bed & bad","item_category3":"Beddengoed","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"15","item_reviews_score":"4.95","Deelplan":"5598"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-5598.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeld_hoeslaken_roze_MAG_1.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeld_hoeslaken_roze_MAG.jpg" title="hoofdbeeld_hoeslaken_roze_MAG.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/hoeslakens-mood-t-mag00000468.html" :id="`slide-desc-5598-${$id('slider-id')}`" tabindex="-1" id="slide-desc-5598-slider-id-8">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Hoeslakens - MOOD!T </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
100% rekbaar katoen jersey </div>
<div class="py-1 mx-auto ">
<div x-data="initRating55986782b1e75aac1()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Hoeslakens\u0020\u002D\u0020MOOD\u0021T\u0020rating.\u00204.85\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Hoeslakens\u0020\u002D\u0020MOOD\u0021T\u0020rating.\u00204.85\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Hoeslakens - MOOD!T rating. 4.85 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.85</span>
<span class="hidden">71</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill5598">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="85%" stop-color="#ffb300"></stop>
<stop offset="85%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill5598)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.85/5</span>
(<span>71</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e758d79()" @update-prices-5598.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="5598" data-price-box="product-id-5598"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D5598']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D5598')" data-price-amount="16.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-5598-1"><span class="price">16<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D5598']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D5598')" data-price-amount="29.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-5598-1"><span class="price">29<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_5598()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-5598-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-5598-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-5598-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-5598-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-5598-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
<div class="swatch-attribute border-t last:border-b border-container
bedlinnen_maat">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-5598-415" role="radiogroup" x-bind="scrollEvents" aria-label="Maat bedlinnen">
<template x-for="(item, index) in optionConfig.attributes[415].options" :key="item.id">
<div x-id="['attribute-option-5598-'+item.id]">
<template x-if="optionIsEnabled(415, item.id) && optionIsActive(415, item.id)">
<label :for="$id('attribute-option-5598-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[415] === item.id),
'border-container-darker':
(selectedValues[415] !== item.id),
'w-6 h-6' : !isTextSwatch(415, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('415',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '415',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-5598-'+item.id)" :value="item.id" name="super_attribute[415]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(415, $event.target.value)" x-on:click="clearOptionIfActive(415, item.id)" x-model="selectedValues[415]" :required="getAllowedAttributeOptions(415).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(415, item.id)" aria-describedby="attribute-label-5598-415">
<template x-if="isTextSwatch(415, item.id)">
<div x-html="getSwatchText(415, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(415, item.id) && !optionIsActive(415, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(415, item.id),
}" :style="getSwatchBackgroundStyle('415',item.id)">
<div x-html="getSwatchText(415, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(415, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/hoeslakens-mood-t-mag00000468.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11633/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11633/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11633">
<a href="https://shop.gva.be/oplaadbare-led-theelichtjes-met-houder-mar00065.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Oplaadbare led-theelichtjes met houder","item_id":"MAR00065","price":34.95,"index":10,"item_category":"Elektro","item_category2":"Verlichting","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"14","item_reviews_score":"4.95","Deelplan":"11633"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11633.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldthee_sfeer.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeldthee_sfeer.jpg" title="hoofdbeeldthee_sfeer.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/oplaadbare-led-theelichtjes-met-houder-mar00065.html" :id="`slide-desc-11633-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11633-slider-id-9">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Oplaadbare led-theelichtjes met houder </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
6- of 12-pack, met afstandsbediening </div>
<div class="py-1 mx-auto ">
<div x-data="initRating116336782b1e7628a8()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Oplaadbare\u0020led\u002Dtheelichtjes\u0020met\u0020houder\u0020rating.\u00204.6\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Oplaadbare\u0020led\u002Dtheelichtjes\u0020met\u0020houder\u0020rating.\u00204.6\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Oplaadbare led-theelichtjes met houder rating. 4.6 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.6</span>
<span class="hidden">70</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11633">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="60%" stop-color="#ffb300"></stop>
<stop offset="60%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11633)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.6/5</span>
(<span>70</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e760b94()" @update-prices-11633.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11633" data-price-box="product-id-11633"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11633']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11633')" data-price-amount="34.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11633-1"><span class="price">34<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11633']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11633')" data-price-amount="69.99" data-price-type="oldPrice" class="price-wrapper " id="old-price-11633-1"><span class="price">69<span class="decimals">,99</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_11633()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
formaat">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-11633-434" role="radiogroup" x-bind="scrollEvents" aria-label="Formaat">
<template x-for="(item, index) in optionConfig.attributes[434].options" :key="item.id">
<div x-id="['attribute-option-11633-'+item.id]">
<template x-if="optionIsEnabled(434, item.id) && optionIsActive(434, item.id)">
<label :for="$id('attribute-option-11633-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[434] === item.id),
'border-container-darker':
(selectedValues[434] !== item.id),
'w-6 h-6' : !isTextSwatch(434, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('434',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '434',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-11633-'+item.id)" :value="item.id" name="super_attribute[434]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(434, $event.target.value)" x-on:click="clearOptionIfActive(434, item.id)" x-model="selectedValues[434]" :required="getAllowedAttributeOptions(434).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(434, item.id)" aria-describedby="attribute-label-11633-434">
<template x-if="isTextSwatch(434, item.id)">
<div x-html="getSwatchText(434, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(434, item.id) && !optionIsActive(434, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(434, item.id),
}" :style="getSwatchBackgroundStyle('434',item.id)">
<div x-html="getSwatchText(434, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(434, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/oplaadbare-led-theelichtjes-met-houder-mar00065.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11733/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11733/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11733">
<a href="https://shop.gva.be/rugbrace-voor-dames-en-heren-mar00083.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Rugbrace voor dames en heren","item_id":"MAR00083","price":16.95,"index":11,"item_category":"Huis & tuin","item_category2":"Wellness en persoonlijke verzorging","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"2","item_reviews_score":"1.5","Deelplan":"11733"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11733.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeld2411brace.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeld2411brace.jpg" title="hoofdbeeld2411brace.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/rugbrace-voor-dames-en-heren-mar00083.html" :id="`slide-desc-11733-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11733-slider-id-10">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Rugbrace voor dames en heren </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Ondersteunt rug en schouders </div>
<div class="py-1 mx-auto ">
<div x-data="initRating117336782b1e76941d()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Rugbrace\u0020voor\u0020dames\u0020en\u0020heren\u0020rating.\u00203.65\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Rugbrace\u0020voor\u0020dames\u0020en\u0020heren\u0020rating.\u00203.65\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Rugbrace voor dames en heren rating. 3.65 out of 5 stars. Click to go to reviews.">
<span class="hidden">3.65</span>
<span class="hidden">11</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11733">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="65%" stop-color="#ffb300"></stop>
<stop offset="65%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11733)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" style="color: #7a7a7a" viewBox="3 0 20 20" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0
1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>3.65/5</span>
(<span>11</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e7678a2()" @update-prices-11733.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11733" data-price-box="product-id-11733"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11733']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11733')" data-price-amount="16.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11733-1"><span class="price">16<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11733']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11733')" data-price-amount="24.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-11733-1"><span class="price">24<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_11733()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
size">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-11733-349" role="radiogroup" x-bind="scrollEvents" aria-label="Maat">
<template x-for="(item, index) in optionConfig.attributes[349].options" :key="item.id">
<div x-id="['attribute-option-11733-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-11733-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-11733-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-11733-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/rugbrace-voor-dames-en-heren-mar00083.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11741/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11741/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11741">
<a href="https://shop.gva.be/cuvee-aurelie-cotes-du-rhone-villages-aop-plan-de-dieu-08010471.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Cuv\u00e9e Aur\u00e9lie C\u00f4tes du Rh\u00f4ne Villages AOP Plan de Dieu","item_id":"08010471","price":9.95,"index":12,"item_category":"Wijn","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0","Deelplan":"11741"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11741.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldcotes_du_rho.png" loading="lazy" width="450" height="300" alt="hoofdbeeldcotes_du_rho.png" title="hoofdbeeldcotes_du_rho.png">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/cuvee-aurelie-cotes-du-rhone-villages-aop-plan-de-dieu-08010471.html" :id="`slide-desc-11741-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11741-slider-id-11">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Cuvée Aurélie Côtes du Rhône Villages AOP Plan de Dieu </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
2023 - Frankrijk, Rhônevallei </div>
<div class="py-1 mx-auto ">
<div x-data="initRating117416782b1e76f4e4()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Cuv\u00E9e\u0020Aur\u00E9lie\u0020C\u00F4tes\u0020du\u0020Rh\u00F4ne\u0020Villages\u0020AOP\u0020Plan\u0020de\u0020Dieu\u0020rating.\u00204\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Cuv\u00E9e\u0020Aur\u00E9lie\u0020C\u00F4tes\u0020du\u0020Rh\u00F4ne\u0020Villages\u0020AOP\u0020Plan\u0020de\u0020Dieu\u0020rating.\u00204\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Cuvée Aurélie Côtes du Rhône Villages AOP Plan de Dieu rating. 4 out of 5 stars. Click to go to reviews.">
<span class="hidden">4</span>
<span class="hidden">1</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" style="color: #7a7a7a" viewBox="3 0 20 20" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0
1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4/5</span>
(<span>1</span>
review)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e76d6ef()" @update-prices-11741.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11741" data-price-box="product-id-11741"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11741']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11741')" data-price-amount="9.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11741-1"><span class="price">9<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11741']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11741')" data-price-amount="14.5" data-price-type="oldPrice" class="price-wrapper " id="old-price-11741-1"><span class="price">14<span class="decimals">,50</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/cuvee-aurelie-cotes-du-rhone-villages-aop-plan-de-dieu-08010471.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/3236/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/3236/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="3236">
<a href="https://shop.gva.be/hoeslakens-de-witte-lietaer-mag00000268.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Hoeslakens - De Witte Lietaer","item_id":"MAG00000268","price":24.95,"index":13,"item_category":"Huis & tuin","item_category2":"Bed & bad","item_category3":"Beddengoed","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"38","item_reviews_score":"4.75","Deelplan":"3236"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-3236.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/W/2/W24174_dwl_bed_bad_fw24_hoofdbeeld_hoeslaken_1.jpg" loading="lazy" width="450" height="300" alt="W24174_dwl_bed_bad_fw24_hoofdbeeld_hoeslaken.jpg" title="W24174_dwl_bed_bad_fw24_hoofdbeeld_hoeslaken.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/hoeslakens-de-witte-lietaer-mag00000268.html" :id="`slide-desc-3236-${$id('slider-id')}`" tabindex="-1" id="slide-desc-3236-slider-id-12">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Hoeslakens - De Witte Lietaer </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Lichtgewicht katoensatijn </div>
<div class="py-1 mx-auto ">
<div x-data="initRating32366782b1e778c4c()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Hoeslakens\u0020\u002D\u0020De\u0020Witte\u0020Lietaer\u0020rating.\u00204.65\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Hoeslakens\u0020\u002D\u0020De\u0020Witte\u0020Lietaer\u0020rating.\u00204.65\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Hoeslakens - De Witte Lietaer rating. 4.65 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.65</span>
<span class="hidden">146</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill3236">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="65%" stop-color="#ffb300"></stop>
<stop offset="65%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill3236)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.65/5</span>
(<span>146</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e776bca()" @update-prices-3236.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3236" data-price-box="product-id-3236"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D3236']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D3236')" data-price-amount="24.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-3236-1"><span class="price">24<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D3236']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D3236')" data-price-amount="49.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-3236-1"><span class="price">49<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_3236()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-3236-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-3236-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-3236-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-3236-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-3236-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
<div class="swatch-attribute border-t last:border-b border-container
bedlinnen_maat">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-3236-415" role="radiogroup" x-bind="scrollEvents" aria-label="Maat bedlinnen">
<template x-for="(item, index) in optionConfig.attributes[415].options" :key="item.id">
<div x-id="['attribute-option-3236-'+item.id]">
<template x-if="optionIsEnabled(415, item.id) && optionIsActive(415, item.id)">
<label :for="$id('attribute-option-3236-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[415] === item.id),
'border-container-darker':
(selectedValues[415] !== item.id),
'w-6 h-6' : !isTextSwatch(415, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('415',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '415',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-3236-'+item.id)" :value="item.id" name="super_attribute[415]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(415, $event.target.value)" x-on:click="clearOptionIfActive(415, item.id)" x-model="selectedValues[415]" :required="getAllowedAttributeOptions(415).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(415, item.id)" aria-describedby="attribute-label-3236-415">
<template x-if="isTextSwatch(415, item.id)">
<div x-html="getSwatchText(415, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(415, item.id) && !optionIsActive(415, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(415, item.id),
}" :style="getSwatchBackgroundStyle('415',item.id)">
<div x-html="getSwatchText(415, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(415, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/hoeslakens-de-witte-lietaer-mag00000268.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/1767/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/1767/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="1767">
<a href="https://shop.gva.be/handdoekenpakket-de-witte-lietaer-mag00000097.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Handdoekenpakket - De Witte Lietaer","item_id":"MAG00000097","price":29.95,"index":14,"item_category":"Huis & tuin","item_category2":"Bed & bad","item_category3":"Badlinnen","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"43","item_reviews_score":"4.9","Deelplan":"1767"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-1767.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeld_zomer_2024_Helene_MAG.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeld_zomer_2024_Helene_MAG.jpg" title="hoofdbeeld_zomer_2024_Helene_MAG.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/handdoekenpakket-de-witte-lietaer-mag00000097.html" :id="`slide-desc-1767-${$id('slider-id')}`" tabindex="-1" id="slide-desc-1767-slider-id-13">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Handdoekenpakket - De Witte Lietaer </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
100% gekamd katoen </div>
<div class="py-1 mx-auto ">
<div x-data="initRating17676782b1e780c9a()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Handdoekenpakket\u0020\u002D\u0020De\u0020Witte\u0020Lietaer\u0020rating.\u00204.7\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Handdoekenpakket\u0020\u002D\u0020De\u0020Witte\u0020Lietaer\u0020rating.\u00204.7\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Handdoekenpakket - De Witte Lietaer rating. 4.7 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.7</span>
<span class="hidden">215</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill1767">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="70%" stop-color="#ffb300"></stop>
<stop offset="70%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1767)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.7/5</span>
(<span>215</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e77eb2c()" @update-prices-1767.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1767" data-price-box="product-id-1767"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D1767']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D1767')" data-price-amount="29.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-1767-1"><span class="price">29<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D1767']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D1767')" data-price-amount="59.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-1767-1"><span class="price">59<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_1767()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-1767-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-1767-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-1767-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-1767-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-1767-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/handdoekenpakket-de-witte-lietaer-mag00000097.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/10274/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/10274/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="10274">
<a href="https://shop.gva.be/draadloze-steelstofzuiger-turbotronic-mag00001145.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Draadloze steelstofzuiger - TurboTronic","item_id":"MAG00001145","price":129.95,"index":15,"item_category":"Elektro","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"17","item_reviews_score":"4.25","Deelplan":"10274"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-10274.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeld_final_turbo_laserturbotronic.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeld_final_turbo_laserturbotronic.jpg" title="hoofdbeeld_final_turbo_laserturbotronic.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/draadloze-steelstofzuiger-turbotronic-mag00001145.html" :id="`slide-desc-10274-${$id('slider-id')}`" tabindex="-1" id="slide-desc-10274-slider-id-14">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Draadloze steelstofzuiger - TurboTronic </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
met laserlicht voor fijne stofdeeltjes </div>
<div class="py-1 mx-auto ">
<div x-data="initRating102746782b1e787237()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Draadloze\u0020steelstofzuiger\u0020\u002D\u0020TurboTronic\u0020rating.\u00204.4\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Draadloze\u0020steelstofzuiger\u0020\u002D\u0020TurboTronic\u0020rating.\u00204.4\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Draadloze steelstofzuiger - TurboTronic rating. 4.4 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.4</span>
<span class="hidden">90</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill10274">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="40%" stop-color="#ffb300"></stop>
<stop offset="40%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill10274)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.4/5</span>
(<span>90</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e785701()" @update-prices-10274.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="10274" data-price-box="product-id-10274"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D10274']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D10274')" data-price-amount="129.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-10274-1"><span class="price">129<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D10274']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D10274')" data-price-amount="269.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-10274-1"><span class="price">269<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_10274()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
color">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-10274-93" role="radiogroup" x-bind="scrollEvents" aria-label="Kleur">
<template x-for="(item, index) in optionConfig.attributes[93].options" :key="item.id">
<div x-id="['attribute-option-10274-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10274-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[93] === item.id),
'border-container-darker':
(selectedValues[93] !== item.id),
'w-6 h-6' : !isTextSwatch(93, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('93',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '93',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-10274-'+item.id)" :value="item.id" name="super_attribute[93]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(93, $event.target.value)" x-on:click="clearOptionIfActive(93, item.id)" x-model="selectedValues[93]" :required="getAllowedAttributeOptions(93).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(93, item.id)" aria-describedby="attribute-label-10274-93">
<template x-if="isTextSwatch(93, item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(93, item.id) && !optionIsActive(93, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(93, item.id),
}" :style="getSwatchBackgroundStyle('93',item.id)">
<div x-html="getSwatchText(93, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(93, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/draadloze-steelstofzuiger-turbotronic-mag00001145.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11663/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11663/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11663">
<a href="https://shop.gva.be/set-van-3-puzzels-met-1000-stukjes-landschappen-08009925.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","items":[{"item_name":"Set van 3 puzzels met 1000 stukjes landschappen","item_id":"08009925","price":24.95,"index":16,"item_category":"Huis & tuin","item_category2":"Lifestyle en interieur","item_list_name":"Verrekijker Safari Ultrasharp 8x30 - Steiner Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"1","item_reviews_score":"1","Deelplan":"11663"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11663.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldpuzzelscotta.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeldpuzzelscotta.jpg" title="hoofdbeeldpuzzelscotta.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/set-van-3-puzzels-met-1000-stukjes-landschappen-08009925.html" :id="`slide-desc-11663-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11663-slider-id-15">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Set van 3 puzzels met 1000 stukjes landschappen </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Prachtige landschappen voor urenlang puzzelplezier </div>
<div class="py-1 mx-auto ">
<div x-data="initRating116636782b1e78d00d()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Set\u0020van\u00203\u0020puzzels\u0020met\u00201000\u0020stukjes\u0020landschappen\u0020rating.\u00204.35\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Set\u0020van\u00203\u0020puzzels\u0020met\u00201000\u0020stukjes\u0020landschappen\u0020rating.\u00204.35\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Set van 3 puzzels met 1000 stukjes landschappen rating. 4.35 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.35</span>
<span class="hidden">6</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11663">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="35%" stop-color="#ffb300"></stop>
<stop offset="35%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11663)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.35/5</span>
(<span>6</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b1e78b304()" @update-prices-11663.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11663" data-price-box="product-id-11663"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11663']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11663')" data-price-amount="24.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11663-1"><span class="price">24<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11663']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11663')" data-price-amount="59.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-11663-1"><span class="price">59<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/set-van-3-puzzels-met-1000-stukjes-landschappen-08009925.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>POST https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11682/
<form method="post" action="https://shop.gva.be/checkout/cart/add/uenc/%25uenc%25/product/11682/" class="p-0 item product product-item product_addtocart_form card card-interactive rounded-[3px] flex flex-col
w-full ">
<input name="form_key" type="hidden" value="cWiPHOBeE6SNH1xd"> <input type="hidden" name="product" value="11682">
<a href="https://shop.gva.be/premium-thermisch-onderhemd-voor-heren-heat-essentials-mar00074.html" class="flex w-full product photo product-item-photo justify-center block " tabindex="-1" onclick="if (window.ga4AllowServices) {
window.dataLayer.push({ecommerce: null});
window.dataLayer.push({"event":"select_item","ecommerce":{"item_list_id":"upsell_products","item_list_name":"2 paar compressiekousen voor heren en dames Upsell Products","items":[{"item_name":"Premium thermisch onderhemd voor heren \u2013 Heat Essentials","item_id":"MAR00074","price":19.95,"index":16,"item_category":"Mode","item_category2":"Ondergoed en nachtmode","item_list_name":"2 paar compressiekousen voor heren en dames Upsell Products","item_list_id":"upsell_products","item_brand":" ","item_stock_status":"In stock","item_sale_product":"No","item_reviews_count":"0","item_reviews_score":"0","Deelplan":"11682"}]}});
}">
<img x-data="initImage($el)" x-init="checkForLazyLoad()" class="hover:shadow-sm object-cover w-full product-image-photo" @update-gallery-11682.window="$root.src = $event.detail" src="https://shop.gva.be/media/catalog/product/cache/36006df1fabc79f8cf27a94fae7dcba6/h/o/hoofdbeeldMARbrmpremiu.jpg" loading="lazy" width="450" height="300" alt="hoofdbeeldMARbrmpremiu.jpg" title="hoofdbeeldMARbrmpremiu.jpg">
</a>
<div class="product-info flex flex-col grow px-4 pb-4">
<a class="mb-auto pb-3" href="https://shop.gva.be/premium-thermisch-onderhemd-voor-heren-heat-essentials-mar00074.html" :id="`slide-desc-11682-${$id('slider-id')}`" tabindex="-1" id="slide-desc-11682-slider-id-16">
<div class="product-name truncate-one-line mt-2 font-roboto-bold text-[0.9rem] ">
<span class="product-item-link">
Premium thermisch onderhemd voor heren – Heat Essentials </span>
</div>
<div class="product-subtitle text-[0.85rem] truncate-one-line">
Perfect voor tijdens het (winter)sporten </div>
<div class="py-1 mx-auto ">
<div x-data="initRating116826782b278a8547()" class="rating-summary flex items-center cursor-pointer" :class="{'cursor-pointer' : reviewsSection}" @keyup.enter="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" @click="window.dispatchEvent(new Event('pdp-scroll-to-reviews'))" itemscope="" tabindex="0" :aria-label="reviewsSection
? 'Premium\u0020thermisch\u0020onderhemd\u0020voor\u0020heren\u0020\u2013\u0020Heat\u0020Essentials\u0020rating.\u00204.15\u0020out\u0020of\u00205\u0020stars.\u0020Click\u0020to\u0020go\u0020to\u0020reviews.'
: 'Premium\u0020thermisch\u0020onderhemd\u0020voor\u0020heren\u0020\u2013\u0020Heat\u0020Essentials\u0020rating.\u00204.15\u0020out\u0020of\u00205\u0020stars'
" role="group" aria-label="Premium thermisch onderhemd voor heren – Heat Essentials rating. 4.15 out of 5 stars. Click to go to reviews.">
<span class="hidden">4.15</span>
<span class="hidden">13</span>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #ffb300" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-6 h-6" aria-hidden="true">
<defs>
<linearGradient id="partialFill11682">
<stop offset="0%" stop-color="#ffb300"></stop>
<stop offset="15%" stop-color="#ffb300"></stop>
<stop offset="15%" stop-color="#7a7a7a"></stop>
<stop offset="100%" stop-color="#7a7a7a"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill11682)">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969
0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1
0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"></path>
</g>
</svg>
<span class="text-xs text-gray underline hover:text-primary">
<span>4.15/5</span>
(<span>13</span>
reviews)
</span>
</div>
</div>
<div class="pt-1 inline-block" x-data="initPriceBox__6782b278a5f0e()" @update-prices-11682.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="11682" data-price-box="product-id-11682"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D11682']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D11682')" data-price-amount="19.95" data-price-type="finalPrice" class="price-wrapper " id="product-price-11682-1"><span class="price">19<span class="decimals">,95</span></span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D11682']" class="price-container price-final_price tax weee">
<span class="price-label">i.p.v.</span>
<span :id="$id('old\u002Dprice\u002D11682')" data-price-amount="39.95" data-price-type="oldPrice" class="price-wrapper " id="old-price-11682-1"><span class="price">39<span class="decimals">,95</span></span></span>
</span>
</span>
</div> </div>
<span class="align-super">
<div x-data="initPriceTooltip()" class="price-tooltip inline relative ml-2">
<i @click.prevent="clickTooltip()" @keydown.escape.window="showTooltip = false" class="cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 512 512" class="text-stone-500 inline" width="16" height="16" aria-hidden="true"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"></path></svg>
</i>
<div x-show="showTooltip" x-transition="" @click.away="showTooltip = false" class="absolute z-20 max-w-[calc(100vw-70px)] bottom-2.5 w-max sm:max-w-[300px] sm:right-auto border border-gray-300 rounded shadow-lg" style="display: none;">
<style>::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia:
}
.cmsb2342-space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
}
.cmsb2342-rounded-sm {
border-radius: 0.125rem
}
.cmsb2342-bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.cmsb2342-p-2 {
padding: 0.5rem
}
.cmsb2342-text-xs {
font-size: 0.75rem;
line-height: 1rem
}
.cmsb2342-text-gray-600 {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity))
}</style>
<div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="cmsb2342-bg-white cmsb2342-p-2 cmsb2342-space-y-2 cmsb2342-text-xs cmsb2342-rounded-sm cmsb2342-text-gray-600">
<p class="font-roboto-bold">Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen bij onze leveranciers en beperkte marketingkosten hebben.</p>
<p>De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.</p>
</div></div> </div>
</div>
</span>
<div x-data="initConfigurableSwatchOptions_11682()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();; $watch('productIndex', (productIndex) => { $dispatch('amlabel-swatch-product-changed', {productIndex: productIndex, element: $el, optionConfig: optionConfig, isListing: 1}) });" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="configurable-wrapper mb-2 relative">
<div>
<div class="swatch-attribute border-t last:border-b border-container
size">
<div class="w-full overflow-x-hidden swatch-attribute-options min-h-14">
<template x-if="showSwatches">
<div class="flex flex-nowrap w-full overflow-auto snap items-center py-1" id="attribute-label-11682-349" role="radiogroup" x-bind="scrollEvents" aria-label="Maat">
<template x-for="(item, index) in optionConfig.attributes[349].options" :key="item.id">
<div x-id="['attribute-option-11682-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-11682-'+item.id)" class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label hover:text-black hover:border-container-lighter hover:ring-2 hover:ring-black" :class="{
'text-black border-container-lighter ring-2 ring-black':
(selectedValues[349] === item.id),
'border-container-darker':
(selectedValues[349] !== item.id),
'w-6 h-6' : !isTextSwatch(349, item.id),
'text-black border-container-lighter ring-2 ring-black/50' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('349',item.id)" @mouseenter.self="activeTooltipItem = {
attribute: '349',
item: item.id
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-11682-'+item.id)" :value="item.id" name="super_attribute[349]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1" x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(349, $event.target.value)" x-on:click="clearOptionIfActive(349, item.id)" x-model="selectedValues[349]" :required="getAllowedAttributeOptions(349).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(349, item.id)" aria-describedby="attribute-label-11682-349">
<template x-if="isTextSwatch(349, item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(349, item.id) && !optionIsActive(349, item.id)">
<div class="swatch-option relative rounded shadow-sm cursor-pointer transition-all select-none bg-container-lighter product-option-value-label" :class="{
'w-6 h-6' : !isTextSwatch(349, item.id),
}" :style="getSwatchBackgroundStyle('349',item.id)">
<div x-html="getSwatchText(349, item.id)" class="whitespace-nowrap pointer-events-none select-none" :class="{ 'sr-only' : !isTextSwatch(349, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-gray-500 bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
</a>
<div class="button-wrapper flex flex-wrap justify-center items-center">
<a class="cursor-pointer w-auto btn btn-primary justify-center text-sm
mr-auto " href="https://shop.gva.be/premium-thermisch-onderhemd-voor-heren-heat-essentials-mar00074.html">
<span class="inline">
Bekijk en bestel </span>
</a>
</div>
</div>
</form>Text Content
WELKOM BIJ GAZET VAN ANTWERPEN!
Mediahuis en derden gebruiken cookies en vergelijkbare technieken (“cookies”)
voor het opslaan en/of openen van informatie op een apparaat, functionele en
analytische doeleinden, advertentie- en contentmeting, inzichten in het publiek
en productontwikkeling, social media-functionaliteiten, gepersonaliseerde
advertenties en gepersonaliseerde content. Daarbij kunnen persoonsgegevens
worden verwerkt, zoals informatie over je apparaat, browser en gebruik van de
website.
Door op "Akkoord" te klikken, ga je hiermee akkoord. Door op “Weigeren” te
klikken, wijs je dit af. Wil je zelf bepalen welke soorten cookies je wil
toestaan, klik dan op “Stel voorkeuren in”. Je kan jouw voorkeuren op elk moment
aanpassen via de link "Privacy voorkeuren beheren" onderaan elke pagina. Wil je
meer uitleg over het gebruik van jouw gegevens? Lees dan ons privacybeleid en
cookiebeleid.
Onze partners en wij verwerken als volgt gegevens:Gepersonaliseerde advertenties
en content, advertentie- en contentmetingen, doelgroepenonderzoek en
ontwikkeling van diensten, Informatie op een apparaat opslaan en/of openen,
Social Media, Uitgebreide meting
Bekijk onze 5 partners
Stel voorkeuren inWeigerenAkkoord
Elke week de beste deals
ELKE WEEK DE BESTE DEALS
BeoordelingenBeoordelingenBeoordelingenBeoordelingenBeoordelingen
KLANTEN BEOORDELEN ONS MET 4.3
BETAAL NA LEVERING MET RIVERTY
Zoek
Producten
Toggle minicart, Cart is empty 0
Klantendienst
Volg je bestelling
Aanmelden
Cart 0
Winkelwagen
Subtotaal:
Bekijk winkelwagen Afrekenen bestelling
loader
Bezig met laden...
* Home
* Fietsen
* Alle fietsen
* Accessoires
* Fietsaccessoires
* Batterijen
* Herstelling fietsbatterijen
* Service
* Service
* Lenen
* Fietsverzekering
* Leasing
* Inruilen oude e-bike
* Fietsenwinkels
* Help & contact
* Blog
* Elektro
* Beeld en geluid
* Computers, telefonie en accessoires
* Huishoudelijke apparaten
* Keukentoestellen
* Smartwatches en gadgets
* Sport
* Tuin en klussen
* Verlichting
* Verwarmen en verkoelen
* Wellness en persoonlijke verzorging
* Huis & tuin
* Bed en bad
* Bed
Dekbedden Dekbedovertrekken Lakens Hoeslakens Matrasbeschermers Toppers
Hoofdkussens Kussenslopen Plaids
* Bad
Handdoeken Badhanddoeken Washandjes Badjassen Badmatten
* Gereedschap
* Hobby en vrije tijd
* Huishouden
* Kantoor
* Koken en tafelen
* Lifestyle en interieur
* Meubels
* Tuin en terras
* Verlichting
* Verwarmen en verkoelen
* Welness en persoonlijke verzorging
* Boeken
* Fictie
* Kinderboeken
* Kookboeken
* Non-fictie
* Romans
* Thrillers
* Wijn
* Rode wijn
* Witte wijn
* Mousserende wijn
* Mode
* Accessoires
* Handtassen
* Kleding
* Koffers en reistassen
* Ondergoed en nachtmode
* Schoenen
* Sport
* Fietsen
* Fitness
* Sportaccessoires
* Wielrennen
* Reizen
* Georganiseerde reizen
* Cruises
* Cultuurvakanties
* Fiets- & wandelvakanties
* Natuurvakanties
* Verre bestemmingen
* Zonvakanties
* Hoteldeals
* Duurzaam wonen
* Airco met buitenunit
* Airco zonder buitenunit
* Dak isoleren
* Gaele - energie
* Gevel isoleren
* Laadstation
* Ventilatie
* Vochtbestrijding
* Warmtepompen
* Warmtepompboilers
* Waterverzachters
* Zonnepanelen
* Tickets
* Bijna uitverkocht
* Laatste kans
x menu user
Home
Fietsen chevron-right
chevron-left Fietsen
Alle fietsen
Accessoires chevron-right
Service chevron-right
Fietsenwinkels
Help & contact
Blog
chevron-left Alle fietsen
chevron-left Accessoires
Fietsaccessoires
Batterijen
Herstelling fietsbatterijen
chevron-left Service
Service
Lenen
Fietsverzekering
Leasing
Inruilen oude e-bike
chevron-left Fietsenwinkels
chevron-left Help & contact
chevron-left Blog
Elektro chevron-right
chevron-left Elektro
Beeld en geluid
Computers, telefonie en accessoires
Huishoudelijke apparaten
Keukentoestellen
Smartwatches en gadgets
Sport
Tuin en klussen
Verlichting
Verwarmen en verkoelen
Wellness en persoonlijke verzorging
chevron-left Beeld en geluid
chevron-left Computers, telefonie en accessoires
chevron-left Huishoudelijke apparaten
chevron-left Keukentoestellen
chevron-left Smartwatches en gadgets
chevron-left Sport
chevron-left Tuin en klussen
chevron-left Verlichting
chevron-left Verwarmen en verkoelen
chevron-left Wellness en persoonlijke verzorging
Huis & tuin chevron-right
chevron-left Huis & tuin
Bed en bad chevron-right
Gereedschap
Hobby en vrije tijd
Huishouden
Kantoor
Koken en tafelen
Lifestyle en interieur
Meubels
Tuin en terras
Verlichting
Verwarmen en verkoelen
Welness en persoonlijke verzorging
chevron-left Bed en bad
Bed chevron-right
chevron-left Bed
Dekbedden
Dekbedovertrekken
Lakens
Hoeslakens
Matrasbeschermers
Toppers
Hoofdkussens
Kussenslopen
Plaids
Bad chevron-right
chevron-left Bad
Handdoeken
Badhanddoeken
Washandjes
Badjassen
Badmatten
chevron-left Gereedschap
chevron-left Hobby en vrije tijd
chevron-left Huishouden
chevron-left Kantoor
chevron-left Koken en tafelen
chevron-left Lifestyle en interieur
chevron-left Meubels
chevron-left Tuin en terras
chevron-left Verlichting
chevron-left Verwarmen en verkoelen
chevron-left Welness en persoonlijke verzorging
Boeken chevron-right
chevron-left Boeken
Fictie
Kinderboeken
Kookboeken
Non-fictie
Romans
Thrillers
chevron-left Fictie
chevron-left Kinderboeken
chevron-left Kookboeken
chevron-left Non-fictie
chevron-left Romans
chevron-left Thrillers
Wijn chevron-right
chevron-left Wijn
Rode wijn
Witte wijn
Mousserende wijn
chevron-left Rode wijn
chevron-left Witte wijn
chevron-left Mousserende wijn
Mode chevron-right
chevron-left Mode
Accessoires
Handtassen
Kleding
Koffers en reistassen
Ondergoed en nachtmode
Schoenen
chevron-left Accessoires
chevron-left Handtassen
chevron-left Kleding
chevron-left Koffers en reistassen
chevron-left Ondergoed en nachtmode
chevron-left Schoenen
Sport chevron-right
chevron-left Sport
Fietsen
Fitness
Sportaccessoires
Wielrennen
chevron-left Fietsen
chevron-left Fitness
chevron-left Sportaccessoires
chevron-left Wielrennen
Reizen chevron-right
chevron-left Reizen
Georganiseerde reizen chevron-right
Hoteldeals
chevron-left Georganiseerde reizen
Cruises
Cultuurvakanties
Fiets- & wandelvakanties
Natuurvakanties
Verre bestemmingen
Zonvakanties
chevron-left Hoteldeals
Duurzaam wonen chevron-right
chevron-left Duurzaam wonen
Airco met buitenunit
Airco zonder buitenunit
Dak isoleren
Gaele - energie
Gevel isoleren
Laadstation
Ventilatie
Vochtbestrijding
Warmtepompen
Warmtepompboilers
Waterverzachters
Zonnepanelen
chevron-left Airco met buitenunit
chevron-left Airco zonder buitenunit
chevron-left Dak isoleren
chevron-left Gaele - energie
chevron-left Gevel isoleren
chevron-left Laadstation
chevron-left Ventilatie
chevron-left Vochtbestrijding
chevron-left Warmtepompen
chevron-left Warmtepompboilers
chevron-left Waterverzachters
chevron-left Zonnepanelen
Tickets
Bijna uitverkocht
Laatste kans
1. Home
2. > Mode
3. > Kleding
4. > 2 paar compressiekousen voor heren en dames
Main image Click to view image in fullscreen
chevron-left
View larger image
View larger image
View larger image
View larger image
View larger image
View larger image
View larger image
View larger image
View larger image
View larger image
View larger image
View larger image
chevron-right
2 PAAR COMPRESSIEKOUSEN VOOR HEREN EN DAMES
Nooit meer vermoeide benen
4.1 138 4.1/5 (138 reviews)
As low as: € 16,95
As low as: 16,95
As low as: € 16,95
i.p.v. € 49,95
i.p.v.
i.p.v. 49,95
-67%
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Kleur
Kleur
Maat
Maat
35/38
39/42
43/45
45/47
shopping-cart In winkelwagen >
check 8571 personen hebben dit product gekocht.
awesomeicons/solid/check Elke week de beste promo's voor iedereen
awesomeicons/solid/check Gemakkelijk retourneren
* awesomeicons/solid/check Hulp nodig?Onze klantendienst helpt je graag verder
Betaal na levering met Riverty
Productinformatie
VOORDELEN
* Voorkomt (spier)pijn, blessures en opgezwollen benen en voeten
* Zorgt voor snel herstel en minder vermoeide benen
* Ideaal voor wandelaars, sporters, tijdens het reizen of lang stilzitten
* Verlicht symptomen van spataderen en stimuleert de bloedcirculatie
* Aanduiding L en R op de sokken
* Beschikbaar in 2 kleuren: blauw of zwart
* Verkrijgbaar in verschillende maten: 35/38, 39/42, 43/45 en 45/47
BESCHRIJVING
Voorkom vermoeide benen, opgezwollen voeten of blessures tijdens en na een
werkdag, work-out of lange reis. Met deze hoge compressiekousen blijf je vitaal
en vrij van klachten.
De sneldrogende elastische sok biedt gerichte compressie waardoor de
bloedcirculatie in de benen wordt gestimuleerd en tevens zorgt voor maximale
zuurstofcapaciteit. Het vocht en afvalstoffen wordt hierdoor sneller afgevoerd
waardoor je je fitter en vitaler voelt en minder snel last krijgt van blessures.
Deze compressiesokken werken spierpijn verlagend. De geribbelde details op de
enkel bieden goede ondersteuning, waardoor de schok bij het landen van de voet
kleiner is en er minder spierschade zal optreden. Door het versterkte en
anatomisch gevormde voetbed, de brede niet-knellende boord, de perfecte naadloze
pasvorm én het sportieve design van de kous, wordt optimale draagcomfort
gewaarborgd en kun je goed voorbereid starten aan je work-out, reis, wandeling
of welke sport dan ook!
Deze sokken kunnen vanwege de subtiele kleuren ook prima gedragen worden onder
een casual outfit dus ook voor dagelijks gebruik zijn deze ideaal.
Let op compressiekousen worden anders aangetrokken dan normale kousen i.v.m. de
compressie. Zie de afbeelding voor de beste en makkelijkste manier van
aantrekken.
Compressiekousen worden geadviseerd bij:
* Zowel een staand of zittend beroep. De compressiesokken helpen tegen
vermoeide en pijnlijke benen, verminderen vocht en zwelling en werken
preventief tegen spataderen.
* Sporten waarbij de benen intensief gebruikt worden. Denk hierbij aan:
hardlopen, skiën, wandelen, golf, tennis Door de compressiesokken voorkom je
blessures en spierpijn, herstel je sneller en heb je minder vermoeide benen.
* Reizen: Vermindert het risico op reizigerstrombose en voorkomt gezwollen
voeten en rusteloze benen
Maten (kuitomtrek is leidend):
* Schoenmaat 35/38 - kuitomtrek 30-34 cm
* Schoenmaat 39/42 - kuitomvang 34-38 cm
* Schoenmaat 42-45 - kuitomvang 39-44cm
* Schoenmaat 45-47 - kuitomvang 45-50 cm
Specificaties
* Inhoud: 2 paar compressiekousen
* Samenstelling: 84% polyamide, 8% polyester, 8% elastaan
* Compressiedetails: compressieklasse 1 met een compressie van 15-21 mmHg
* Aanduiding L en R op de sokken
* Uniseks
* Wassen op max 30°, mag niet in de droger
* Kleuren: blauw of zwart
* Maten: 35/38, 39/42, 43/45 en 45/47
* Garantie: 2 jaar
Om hygiënische redenen kan dit artikel niet worden teruggenomen en terugbetaald
indien het artikel werd gebruikt of de verpakking werd geopend.
BEOORDELINGEN (138)
5
Wat een service !!! Gisterenavond besteld , deze voormiddag geleverd , echt
chapeau , daar kunnen vele grote winkels eens een voorbeeld aan nemen , En de
kwaliteit ziet er op het eerste zicht ook zeer goed uit , ik heb in het verleden
reeds 2 keer een trombose gehad in de benen en dus heb ik al heel wat kousen
gedragen , ik plaats nog een nieuwe review als ik ze enkele dagen (weken )
gedragen heb , bedankt Nieuwsbladshop voor de fantasrische service !!!
Julien Rimaux
5
supergoede kousen, wel strak als je brede kuiten hebt
Dereu Philippe
5
Moeilijk aan te trekken, maar eens aan je voeten zijn de kousen reuze om mee te
wandelen.
Etienne Nagels
5
*****
geirnaert
5
Goede kwaliteit, sportief design.
Andy N.
5
Héél tevreden over de sokken: 2x 2 paar besteld begin oktober. En onze dochter
heeft via ons deze week een setje van 2 paar besteld (samen met de thermo
leggings voor de echtgenote).
Sokken voor mezelf wegens een nieuwe heup, vervangen perfect de steunkousen.
Voor de dochter om te joggen.
De thermo leggings voor de echtgenote wegens lekker warm en mooi aansluitend
Kosten Marc
5
Prima product, vlot en snel geleverd
arnauts.h
5
vlotte bediening,uitstekend resultaat. Bedank
boux roger
5
Goede kwaliteit, aangenaam om dragen
Herman G.
5
Heel erg tevreden va deze kousen
Danny Maes
1.
2. U lees momenteel pagina 1
3. Pagina 2
4. Pagina 3
5. Pagina 4
6. Pagina 5
7. ...
8. Pagina 14
9.
10 20 50
1.
2. U lees momenteel pagina 1
3. Pagina 2
4. Pagina 3
5. Pagina 4
6. Pagina 5
7. ...
8. Pagina 14
9.
10 20 50
Heb je even tijd voor een beoordeling?
Deel je ervaring met ons en maak kans op 4 filmtickets bij Kinepolis! Zo help je
ons om onze service te verbeteren én help je anderen bij hun beslissing. Het
duurt maar 2 minuten om een beoordeling te schrijven, beloofd! Gelieve je eerst
aan te melden door op 'Doorgaan' te klikken.
Heb je een vraag over je bestelling?
Neem dan contact op met onze klantendienst, onze medewerkers helpen je graag
verder
Klantenbeoordelingen worden gecontroleerd na plaatsing. Bekijk het reglement.
Doorgaan
ANDERE PRODUCTEN DIE JOU WELLICHT INTERESSEREN
Smartwatch Lunix
Jouw slimme assistent, stijlvol en functioneel
5 1 5/5 (1 review)
49,95 i.p.v. 129,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Oplaadbaar warmtekussen – Feel Home
Inclusief krachtige 10.000 mAh powerbank
3.15 12 3.15/5 (12 reviews)
39,95 i.p.v. 99,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Draadloze dimbare led tafellamp
Modern en praktisch design
4.2 26 4.2/5 (26 reviews)
19,95 i.p.v. 49,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
6 paar naadloze kousen - Comfort Essentials
voor gevoelige voeten
3.25 47 3.25/5 (47 reviews)
17,95 i.p.v. 39,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Houten puzzelorganizer met kantelfunctie en lades - Deluxe
met viltbekleding voor puzzels tot 1000 stukjes
4.4 113 4.4/5 (113 reviews)
59,95 i.p.v. 159,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Personenweegschaal GS300
Weegvlak in veiligheidsglas met antislip-noppen
4.1 9 4.1/5 (9 reviews)
19,95 i.p.v. 39,99
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Set van 3 oplaadbare led-kaarsen
Gemaakt van paraffine en met realistische vlam
4.55 278 4.55/5 (278 reviews)
22,95 i.p.v. 49,99
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Hoeslakens - MOOD!T
100% rekbaar katoen jersey
4.85 71 4.85/5 (71 reviews)
16,95 i.p.v. 29,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Oplaadbare led-theelichtjes met houder
6- of 12-pack, met afstandsbediening
4.6 70 4.6/5 (70 reviews)
34,95 i.p.v. 69,99
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Rugbrace voor dames en heren
Ondersteunt rug en schouders
3.65 11 3.65/5 (11 reviews)
16,95 i.p.v. 24,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Cuvée Aurélie Côtes du Rhône Villages AOP Plan de Dieu
2023 - Frankrijk, Rhônevallei
4 1 4/5 (1 review)
9,95 i.p.v. 14,50
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Hoeslakens - De Witte Lietaer
Lichtgewicht katoensatijn
4.65 146 4.65/5 (146 reviews)
24,95 i.p.v. 49,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Handdoekenpakket - De Witte Lietaer
100% gekamd katoen
4.7 215 4.7/5 (215 reviews)
29,95 i.p.v. 59,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Draadloze steelstofzuiger - TurboTronic
met laserlicht voor fijne stofdeeltjes
4.4 90 4.4/5 (90 reviews)
129,95 i.p.v. 269,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Set van 3 puzzels met 1000 stukjes landschappen
Prachtige landschappen voor urenlang puzzelplezier
4.35 6 4.35/5 (6 reviews)
24,95 i.p.v. 59,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
Premium thermisch onderhemd voor heren – Heat Essentials
Perfect voor tijdens het (winter)sporten
4.15 13 4.15/5 (13 reviews)
19,95 i.p.v. 39,95
Wij kunnen jou onze laagste prijs bieden doordat we grote aantallen bestellen
bij onze leveranciers en beperkte marketingkosten hebben.
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs.
Bekijk en bestel
chevron-left
chevron-right
chevron-left
chevron-right
De hoogste prijs is de adviesprijs van de leverancier. Het eventuele percentage
of het -bedrag is het verschil tussen de adviesprijs en onze actieprijs en wordt
ter informatie vermeld en niet als aanduiding van een korting, prijsvermindering
of besparing.
Alle prijzen worden vermeld in euro en zijn inclusief BTW, exclusief
verzendkosten, en prijswijzigingen en tikfouten voorbehouden.
ONZE SERVICE
* Veilig en betrouwbaar
* Gemakkelijk retourneren
* Volg je bestelling
KLANTENDIENST
* Contact
* Veelgestelde vragen
VOOR BEDRIJVEN
* Zakelijke contacten
VOORWAARDEN
* Informatie vooraf & algemene voorwaarden
* Privacy policy
* Privacy beheren