shop.nieuwsblad.be
Open in
urlscan Pro
104.16.111.59
Public Scan
Submitted URL: https://interactief.nieuwsblad.be/optiext/optiextension.dll?ID=cGHcNQJaCocVTK6jJxvLUcMvjrRgKbC6XI0iHb8761VYqxAYQoa4lsFYDSgb3TBLh2i...
Effective URL: https://shop.nieuwsblad.be/12-paar-bamboe-kousen-voor-dames-en-heren-mar00002.html?utm_source=nieuwsblad&utm_medium=webshop...
Submission: On September 19 via api from BE — Scanned from US
Effective URL: https://shop.nieuwsblad.be/12-paar-bamboe-kousen-voor-dames-en-heren-mar00002.html?utm_source=nieuwsblad&utm_medium=webshop...
Submission: On September 19 via api from BE — Scanned from US
Form analysis 2 forms found in the DOM
GET https://shop.nieuwsblad.be/catalogsearch/result/
<form class="form minisearch relative" id="search_mini_form" action="https://shop.nieuwsblad.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"
role="img"><!--! 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>
<title>xmark</title>
</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"
role="img"><!--! 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>
<title>magnifying-glass</title>
</svg>
</button>
</div>
</form>POST https://shop.nieuwsblad.be/checkout/cart/add/uenc/aHR0cHM6Ly9zaG9wLm5pZXV3c2JsYWQuYmUvMTItcGFhci1iYW1ib2Uta291c2VuLXZvb3ItZGFtZXMtZW4taGVyZW4tbWFyMDAwMDIuaHRtbD9NX0JUPTQzOTQwODcxNDIwNDMmYWRoX2k9JmltYWk9YXV0aDAlN0NiZWZnJTdDOGE1MGVmZWMtZDRmNC00ODhiLTk0NWItZDJiMTA0OWVjMTExJnV0bV9jYW1wYWlnbj1XMjQwODNfYmFtYm9lX3Nva2tlbiZ1dG1fY29udGVudD1mZWVkX2luX25pZXV3c2JyaWVmJnV0bV9tYXJrZXRpbmdfdGFjdGljPWNyb3NzX3Byb21vJnV0bV9tZWRpdW09d2Vic2hvcF9wb3NpdGllJnV0bV9zb3VyY2U9bmlldXdzYmxhZA%2C%2C/product/10672/
<form method="post"
action="https://shop.nieuwsblad.be/checkout/cart/add/uenc/aHR0cHM6Ly9zaG9wLm5pZXV3c2JsYWQuYmUvMTItcGFhci1iYW1ib2Uta291c2VuLXZvb3ItZGFtZXMtZW4taGVyZW4tbWFyMDAwMDIuaHRtbD9NX0JUPTQzOTQwODcxNDIwNDMmYWRoX2k9JmltYWk9YXV0aDAlN0NiZWZnJTdDOGE1MGVmZWMtZDRmNC00ODhiLTk0NWItZDJiMTA0OWVjMTExJnV0bV9jYW1wYWlnbj1XMjQwODNfYmFtYm9lX3Nva2tlbiZ1dG1fY29udGVudD1mZWVkX2luX25pZXV3c2JyaWVmJnV0bV9tYXJrZXRpbmdfdGFjdGljPWNyb3NzX3Byb21vJnV0bV9tZWRpdW09d2Vic2hvcF9wb3NpdGllJnV0bV9zb3VyY2U9bmlldXdzYmxhZA%2C%2C/product/10672/"
class="mb-6" id="product_addtocart_form">
<input type="hidden" name="product" value="10672">
<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="10672">
<input name="form_key" type="hidden" value="wFWfCQ6boUeB3D8E">
<div x-data="initConfigurableSwatchOptions_10672()" x-init="init(); initShowSwatchesIntersect();" @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-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+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-10672-66-1" style="background-color:#000000">
<input :id="$id('attribute-option-10672-'+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-10672-93" id="attribute-option-10672-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 x-id="['attribute-option-10672-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+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-10672-1149-1"
style="background: #ffffff url('https://shop.nieuwsblad.be/media/attribute/swatch/swatch_image/55x45/s/w/swatch_print.jpg') no-repeat center; background-size: cover;">
<input :id="$id('attribute-option-10672-'+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-10672-93" id="attribute-option-10672-1149-1" value="1149" required="required" aria-label="print">
<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-10672-'+item.id]">
<template x-if="optionIsEnabled(93, item.id) && optionIsActive(93, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+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-10672-1150-1"
style="background: #ffffff url('https://shop.nieuwsblad.be/media/attribute/swatch/swatch_image/55x45/s/w/swatch_donker.jpg') no-repeat center; background-size: cover;">
<input :id="$id('attribute-option-10672-'+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-10672-93" id="attribute-option-10672-1150-1" value="1150" required="required" aria-label="antraciet/groen/navy/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-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+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-10672-888-1" style="">
<input :id="$id('attribute-option-10672-'+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-10672-349" id="attribute-option-10672-888-1" value="888" required="required" aria-label="43/46">
<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/46</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-10672-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+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-10672-1136-1" style="">
<input :id="$id('attribute-option-10672-'+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-10672-349" id="attribute-option-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+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-10672-887-1" style="">
<input :id="$id('attribute-option-10672-'+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-10672-349" id="attribute-option-10672-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-10672-'+item.id]">
<template x-if="optionIsEnabled(349, item.id) && optionIsActive(349, item.id)">
<label :for="$id('attribute-option-10672-'+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-10672-'+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-10672-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-10672-'+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-10672-1137-1" style="">
<input :id="$id('attribute-option-10672-'+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-10672-349" id="attribute-option-10672-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>
</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>Text Content
WELKOM BIJ HET NIEUWSBLAD!
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 uw apparaat, uw browser en uw gebruik van
de website.
Door op "Akkoord" te klikken, gaat u hiermee akkoord. Wil u niet alle soorten
cookies toestaan, klik dan op “Stel voorkeuren in”. U kan uw voorkeuren op elk
moment aanpassen via de link "Privacy voorkeuren beheren" onderaan elke pagina.
Wenst u meer uitleg over het gebruik van uw 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 7 partners
Meer informatie →Akkoord en sluiten
Zoek
xmark
Producten
magnifying-glass
Toggle minicart, Cart is empty cart-shopping 0
circle-question Klantendienst
magnifying-glass Volg je bestelling
Aanmelden
Cart cart-shopping 0
Winkelwagen
minus plus
Subtotaal:
Bekijk winkelwagen Afrekenen bestelling
loader
Bezig met laden...
* Home
* Fietsen chevron-down
* Alle fietsen
* Accessoires chevron-right
* Fietsaccessoires
* Batterijen
* Herstelling fietsbatterijen
* Service chevron-right
* Service
* Lenen
* Fietsverzekering
* Leasing
* Inruilen oude e-bike
* Fietsenwinkels
* Help & contact
* Blog
* Elektro chevron-down
* Beeld en geluid
* Computer en gadgets
* Gereedschap
* Huishoudelijke apparaten
* Keukentoestellen
* Kantoor en school
* Sport
* Tuin en klussen
* Verlichting
* Verwarmen en verkoelen
* Wellness en verzorging
* Huis & tuin chevron-down
* Bed en bad chevron-right
* Bed
Boxsprings Dekbedden Dekbedovertrekken Lakens Hoeslakens Matrassen
Matrasbeschermers Toppers Hoofdkussens Kussenslopen Plaids
* Bad
Handdoeken Badhanddoeken Washandjes Badjassen Badmatten
* Gereedschap
* Huishouden
* Interieur
* Kantoor en school
* Koken en tafelen
* Meubels
* Muziek
* Tuin en terras
* Verlichting
* Verwarmen en verkoelen
* Verzorging
* Boeken chevron-down
* Fictie
* Kinderboeken
* Kookboeken
* Non-fictie
* Romans
* Thrillers
* Wijn chevron-down
* Rode wijn
* Witte wijn
* Mousserende wijn
* Lifestyle & mode chevron-down
* Handtassen en accessoires
* Kleding en schoenen
* Koffers en reistassen
* Sport chevron-down
* Fietsen
* Sportaccessoires
* Wielrennen
* Reizen chevron-down
* Georganiseerde reizen chevron-right
* Cruises
* Cultuurvakanties
* Fiets- & wandelvakanties
* Natuurvakanties
* Verre bestemmingen
* Zonvakanties
* Hoteldeals
* Duurzaam wonen chevron-down
* Airco met buitenunit
* Airco zonder buitenunit
* Dak isoleren
* Gaele - energie
* Gevel isoleren
* Laadstation
* Ventilatie
* Vochtbestrijding
* Warmtepompen
* Warmtepompboilers
* Waterverzachters
* Zonnepanelen
* Tickets
* Bijna uitverkocht
* Laatste kans
menu x
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
Computer en gadgets
Gereedschap
Huishoudelijke apparaten
Keukentoestellen
Kantoor en school
Sport
Tuin en klussen
Verlichting
Verwarmen en verkoelen
Wellness en verzorging
chevron-left Beeld en geluid
chevron-left Computer en gadgets
chevron-left Gereedschap
chevron-left Huishoudelijke apparaten
chevron-left Keukentoestellen
chevron-left Kantoor en school
chevron-left Sport
chevron-left Tuin en klussen
chevron-left Verlichting
chevron-left Verwarmen en verkoelen
chevron-left Wellness en verzorging
Huis & tuin chevron-right
chevron-left Huis & tuin
Bed en bad chevron-right
Gereedschap
Huishouden
Interieur
Kantoor en school
Koken en tafelen
Meubels
Muziek
Tuin en terras
Verlichting
Verwarmen en verkoelen
Verzorging
chevron-left Bed en bad
Bed chevron-right
chevron-left Bed
Boxsprings
Dekbedden
Dekbedovertrekken
Lakens
Hoeslakens
Matrassen
Matrasbeschermers
Toppers
Hoofdkussens
Kussenslopen
Plaids
Bad chevron-right
chevron-left Bad
Handdoeken
Badhanddoeken
Washandjes
Badjassen
Badmatten
chevron-left Gereedschap
chevron-left Huishouden
chevron-left Interieur
chevron-left Kantoor en school
chevron-left Koken en tafelen
chevron-left Meubels
chevron-left Muziek
chevron-left Tuin en terras
chevron-left Verlichting
chevron-left Verwarmen en verkoelen
chevron-left 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
Lifestyle & mode chevron-right
chevron-left Lifestyle & mode
Handtassen en accessoires
Kleding en schoenen
Koffers en reistassen
chevron-left Handtassen en accessoires
chevron-left Kleding en schoenen
chevron-left Koffers en reistassen
Sport chevron-right
chevron-left Sport
Fietsen
Sportaccessoires
Wielrennen
chevron-left Fietsen
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
My profile
circle-question Klantendienst
magnifying-glass Volg je bestelling
1. Home
2. > Lifestyle en mode
3. > Kleding en schoenen
4. > 12 paar bamboe kousen voor dames en heren
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
chevron-right
12 PAAR BAMBOE KOUSEN VOOR DAMES EN HEREN
Keuze uit drie stijlen
4.45 19 4.45/5 (19 reviews)
As low as: € 24,95
As low as: 24,95
As low as: € 24,95
adviesprijs € 69,95
adviesprijs
adviesprijs 69,95
Verschil met adviesprijs €45
Kleur
Kleur
Maat
Maat
43/46
35/38
39/42
43/45
minus plus
shopping-cart In winkelwagen >
check 1143 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
Productinformatie chevron-up
VOORDELEN
* Ultrazacht comfort: minder kans op blaren dankzij de zijdezachte textuur
* Ademend en vochtabsorberend: voorkomt zweetvoeten met de uitzonderlijke
vochtabsorptie
* Naadloze teen en verstevigde hiel: voor optimaal comfort, geen last van
wegschuivende kousen
* Hypoallergeen: ideaal voor de gevoelige huid
* Beschikbare maten: 35/38, 39/42 en 43/46
* Keuze uit 3 leuke varianten: effen zwart, mix van donkere kleuren en mix van
prints
BESCHRIJVING
Op zoek naar kousen waardoor je voeten de hele dag fris blijven? De Bamboo
Elements kousen van bamboe viscose zijn ultrazacht, ademend en extreem
absorberend. De sokken bieden een perfecte temperatuurregulatie in elk seizoen:
warm in de winter en koel in de zomer. Ze zijn ook hypoallergeen, waardoor ze
geschikt zijn voor een gevoelige huid.
Dankzij de naadloze afwerking en verstevigde zones bij de hiel en teen
garanderen deze sokken een duurzaam draagcomfort. Zo heb je geen last van
wegschuivende kousen of geknelde tenen.
SPECIFICATIES
* Samenstelling: 80% bamboe viscose, 18% polyamide en 2% elastaan
* Verstevigde hiel en teen en naadloze afwerking
* Wasvoorschrift: max. 40 graden
* Beschikbare maten: 35/38, 39/42 en 43/46
* Keuze uit 3 varianten: effen zwart, mix van donkere kleuren en mix van prints
* Merk: Bamboo Elements
* Garantie: 2 jaar
Om hygiënische redenen kunnen wij dit product enkel terugnemen of omruilen
wanneer de verzegeling nog niet is verbroken.
BEOORDELINGEN (19) CHEVRON-UP
5
Goede kwaliteit, goede service, snelle levering zoals altijd.
Jenny Brenard
5
Goede kwaliteit vlot en stipt geleverd!
Hilde
5
Eindelijk kousen waar mijn voeten zich thuis in voelen. Bedankt voor de vlotte
service.
Paul
5
Annemie Abrams
5
heel goed
Freddy Zonnekeyn
5
Heel fijn om dragen
Lucy
5
Superzachte kousen van prima kwaliteit.
Nonna
5
Super zachte materiaal, aangenaam om te dragen
Annemie Abrams
5
‘t is goed
Incognito
5
geen enkelen negatieve melding
zeer goed op elk gebied - vlugge en verzorgde levering
PROFICIAT
ROGER VERLINDEN
1.
2. U lees momenteel pagina 1
3. Pagina 2
4.
10 20 50
1.
2. U lees momenteel pagina 1
3. Pagina 2
4.
10 20 50
Heb je even tijd voor een beoordeling?
Door een beoordeling te schrijven help je ons om onze service te verbeteren én
help je anderen bij hun beslissing. Het duurt maar 2 minuten, 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
De "adviesprijs" werd ons door de leverancier meegedeeld als de vrijblijvend
voorgestelde verkoopprijs. De oorspronkelijke adviesprijs en het verschil met
onze actuele actieprijs worden als informatie vermeld.
Het "verschil" tussen de adviesprijs en onze actieprijs is geen aanduiding van
een korting, prijsvermindering of besparing. Alle prijzen op onze website 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
chevron-up