www.de-matrassenkoning.be
Open in
urlscan Pro
146.185.45.35
Public Scan
Submitted URL: https://nl-be.cashbackdeals.be/confirmation/cashback?linkId=cm22650_ob_storeId1054398_ob_userId909b71a7469b229408e5d9df0795db82...
Effective URL: https://www.de-matrassenkoning.be/aanbiedingen/onze-huidige-aanbiedingen.html?utm_source=mojo_email&utm_medium=mojo_email_trafic&u...
Submission: On March 05 via api from BE — Scanned from DE
Effective URL: https://www.de-matrassenkoning.be/aanbiedingen/onze-huidige-aanbiedingen.html?utm_source=mojo_email&utm_medium=mojo_email_trafic&u...
Submission: On March 05 via api from BE — Scanned from DE
Form analysis
63 forms found in the DOMGET https://www.de-matrassenkoning.be/catalogsearch/result/
<form class="relative form minisearch" id="search_mini_form" action="https://www.de-matrassenkoning.be/catalogsearch/result/" method="get">
<div class="flex flex-row-reverse items-center">
<input id="search" x-on:input.debounce="getSearchResults()" x-ref="searchInput" type="search" class="border-0 w-full leading-normal transition appearance-none py-1 px-2 text-black
placeholder:text-inherit focus:border-none focus:ring-0" autocapitalize="off" autocomplete="off" autocorrect="off" name="q" value="" placeholder="Zoeken" maxlength="128">
<label for="search" class="text-quaternary m-0" data-role="minisearch-label">
<svg class="search icon" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#search"></use>
</svg>
</label>
<button type="submit" title="Zoeken" class="action search sr-only" aria-label="Search"> Zoeken </button>
</div>
<div id="search_autocomplete" class="absolute search-autocomplete overflow-y-auto w-full text-lrdm_black" x-show="show" style="display:none;">
<div class="relative bg-white border border-solid border-black z-50 w-full flex md:flex-row flex-col">
<div id="left" class="left flex flex-col md:w-[40%] w-full">
<template x-for="searchResultByType in Object.values(searchResultsByType)">
<div class="search-result">
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="templates[searchResultByType[0].type].title"></div>
</template>
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template>
<template x-for="searchResult in searchResultByType">
<div class="hover:bg-gray-100">
<template x-if="searchResult.type == 'term'">
<a class="w-full block p-2" x-bind:href="'https://www.de-matrassenkoning.be/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span>
</a>
</template>
<template x-if="searchResult.type == 'product'">
<a class="w-full block" :href="searchResult.url" :title="searchResult.title">
<div class="grid grid-cols-4 gap-4 p-3">
<div>
<img :src="searchResult.image" class="inline-block">
</div>
<div class="product-item col-span-3">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm font-bold" x-html="searchResult.price"></span>
</div>
</div>
</a>
</template>
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2 popop" :href="searchResult.url" :title="searchResult.title">
<span x-show="searchResult.breadcrumb.length" class="text-sm block" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
<template x-if="searchResult.type == 'product_attribute'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
</a>
</template>
<script>
function renderEsAutocompleteTitleAttribute(data) {
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {
return item[0]
});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script>
<template x-if="searchResult.type == 'cms_page'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</div>
</template>
</div>
</template>
</div>
<div id="right" class="right md:w-[60%] w-full">
<template x-for="searchResultByType in Object.values(productResult)">
<div class="search-result">
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="templates[searchResultByType[0].type].title"></div>
</template>
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template>
<template x-for="searchResult in searchResultByType">
<div class="hover:bg-gray-100">
<template x-if="searchResult.type == 'term'">
<a class="w-full block p-2" x-bind:href="'https://www.de-matrassenkoning.be/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span>
</a>
</template>
<template x-if="searchResult.type == 'product'">
<a class="w-full block" :href="searchResult.url" :title="searchResult.title">
<div class="grid grid-cols-4 gap-4 p-3">
<div>
<img :src="searchResult.image" class="inline-block">
</div>
<div class="product-item col-span-3">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm font-bold" x-html="searchResult.price"></span>
</div>
</div>
</a>
</template>
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2 popop" :href="searchResult.url" :title="searchResult.title">
<span x-show="searchResult.breadcrumb.length" class="text-sm block" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
<template x-if="searchResult.type == 'product_attribute'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
</a>
</template>
<script>
function renderEsAutocompleteTitleAttribute(data) {
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {
return item[0]
});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script>
<template x-if="searchResult.type == 'cms_page'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
</form>
POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="fieldset login">
<div class="field email required">
<label class="label" for="customer-email">
<span>Email Address</span>
</label>
<div class="control">
<input name="username" x-ref="customer-email" @change="errors = 0" type="email" required="" class="form-input input-text">
</div>
</div>
<div class="field password required">
<label for="pass" class="label">
<span>Wachtwoord</span>
</label>
<div class="control">
<input name="password" type="password" class="form-input input-text" required="" x-ref="customer-password" @change="errors = 0">
</div>
</div>
<input name="context" type="hidden" value="checkout">
<div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
<button type="submit" class="inline-flex btn btn-primary"> Inloggen </button>
<a href="https://www.de-matrassenkoning.be/customer/account/forgotpassword/" class="mt-4 md:mt-0">
Wachtwoord vergeten ? </a>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41245/
<form method="post" x-data="{itemData: initItem__65e6f65d2ac78(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41245/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41245">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41245">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41245.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_6.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 80x200 cm"
title="Matras Supralatex - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41245);" :title="compareData.getCompareLabel(41245)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41245)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-80x200-cm.html">
Matras Supralatex - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d2ac78() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d2ac78()" @update-prices-41245.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41245" data-price-box="product-id-41245"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41245" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41245" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41243/
<form method="post" x-data="{itemData: initItem__65e6f65d3227f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41243/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41243">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41243">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41243.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_5.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 70x200 cm"
title="Matras Supralatex - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41243);" :title="compareData.getCompareLabel(41243)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41243)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-70x200-cm.html">
Matras Supralatex - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d3227f() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d3227f()" @update-prices-41243.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41243" data-price-box="product-id-41243"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41243" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41243" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41241/
<form method="post" x-data="{itemData: initItem__65e6f65d35313(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41241/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41241">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41241">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41241.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_4.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 70x190 cm"
title="Matras Supralatex - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41241);" :title="compareData.getCompareLabel(41241)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41241)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-70x190-cm.html">
Matras Supralatex - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d35313() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d35313()" @update-prices-41241.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41241" data-price-box="product-id-41241"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41241" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41241" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41239/
<form method="post" x-data="{itemData: initItem__65e6f65d3aabd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41239/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41239">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41239">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41239.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 80x200 cm"
title="Matras Memorytech - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41239);" :title="compareData.getCompareLabel(41239)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41239)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-80x200-cm.html">
Matras Memorytech - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d3aabd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d3aabd()" @update-prices-41239.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41239" data-price-box="product-id-41239"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41239" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41239" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41237/
<form method="post" x-data="{itemData: initItem__65e6f65d3e8be(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41237/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41237">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41237">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41237.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 70x200 cm"
title="Matras Memorytech - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41237);" :title="compareData.getCompareLabel(41237)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41237)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-70x200-cm.html">
Matras Memorytech - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d3e8be() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d3e8be()" @update-prices-41237.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41237" data-price-box="product-id-41237"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41237" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41237" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41235/
<form method="post" x-data="{itemData: initItem__65e6f65d420f2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41235/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41235">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41235">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41235.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_5.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 70x190 cm"
title="Matras Memorytech - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41235);" :title="compareData.getCompareLabel(41235)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41235)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-70x190-cm.html">
Matras Memorytech - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d420f2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d420f2()" @update-prices-41235.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41235" data-price-box="product-id-41235"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41235" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41235" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41233/
<form method="post" x-data="{itemData: initItem__65e6f61ab7038(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41233/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41233">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41233">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41233.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_6.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 80x200 cm "
title="Matras Aerovisco - 80x200 cm ">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41233);" :title="compareData.getCompareLabel(41233)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41233)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-80x200-cm.html">
Matras Aerovisco - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ab7038() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ab7038()" @update-prices-41233.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41233" data-price-box="product-id-41233"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41233" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41233" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41231/
<form method="post" x-data="{itemData: initItem__65e6f61abd1f2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41231/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41231">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41231">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41231.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_5.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 70x200 cm"
title="Matras Aerovisco - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41231);" :title="compareData.getCompareLabel(41231)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41231)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-70x200-cm.html">
Matras Aerovisco - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Microveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61abd1f2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61abd1f2()" @update-prices-41231.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41231" data-price-box="product-id-41231"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41231" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41231" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tNzB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41229/
<form method="post" x-data="{itemData: initItem__65e6f61ac0183(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41229/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41229">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41229">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41229.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_4.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 70x190 cm "
title="Matras Aerovisco - 70x190 cm ">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41229);" :title="compareData.getCompareLabel(41229)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41229)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-70x190-cm.html">
Matras Aerovisco - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac0183() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac0183()" @update-prices-41229.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41229" data-price-box="product-id-41229"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41229" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41229" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tNzB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40847/
<form method="post" x-data="{itemData: initItem__65e6fd9d86d0d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40847/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40847">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40847">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40847.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_4.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 80x200 cm"
title="Matras Mistral - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40847);" :title="compareData.getCompareLabel(40847)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40847)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-80x200-cm.html">
Matras Mistral - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d86d0d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d86d0d()" @update-prices-40847.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40847" data-price-box="product-id-40847"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40847" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40847" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40845/
<form method="post" x-data="{itemData: initItem__65e6fd9d91464(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40845/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40845">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40845">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40845.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_3.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 70x200 cm"
title="Matras Mistral - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40845);" :title="compareData.getCompareLabel(40845)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40845)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-70x200-cm.html">
Matras Mistral - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d91464() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d91464()" @update-prices-40845.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40845" data-price-box="product-id-40845"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40845" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40845" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40843/
<form method="post" x-data="{itemData: initItem__65e6fd9d9616b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40843/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40843">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40843">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40843.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_2.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 70x190 cm"
title="Matras Mistral - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40843);" :title="compareData.getCompareLabel(40843)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40843)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-70x190-cm.html">
Matras Mistral - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d9616b() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d9616b()" @update-prices-40843.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40843" data-price-box="product-id-40843"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40843" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40843" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdjE3OWZmNGkwMXZnajR3M3Q1cmxmdWkwZXZtZmUtZ3l0ZHV0cXRqeg~~/product/40835/
<form method="post" x-data="{itemData: initItem__65e6fc4ec1bbe(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdjE3OWZmNGkwMXZnajR3M3Q1cmxmdWkwZXZtZmUtZ3l0ZHV0cXRqeg~~/product/40835/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40835">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40835">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40835.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 80x200 cm"
title="Matras Céphée - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40835);" :title="compareData.getCompareLabel(40835)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40835)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-80x200-cm.html">
Matras Céphée - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fc4ec1bbe() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fc4ec1bbe()" @update-prices-40835.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40835" data-price-box="product-id-40835"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40835" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 219,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40835" data-price-amount="439" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 439,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40833/
<form method="post" x-data="{itemData: initItem__65e6fd9d9a3c6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40833/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40833">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40833">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40833.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 70x200 cm "
title="Matras Céphée - 70x200 cm ">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40833);" :title="compareData.getCompareLabel(40833)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40833)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-70x200-cm.html">
Matras Céphée - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d9a3c6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d9a3c6()" @update-prices-40833.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40833" data-price-box="product-id-40833"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40833" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 219,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40833" data-price-amount="439" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 439,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtNzB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40831/
<form method="post" x-data="{itemData: initItem__65e6fd9da0303(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40831/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40831">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40831">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40831.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_1_5.png" loading="lazy" width="354" height="289" alt="Matras Cephée - 70x190 cm"
title="Matras Cephée - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40831);" :title="compareData.getCompareLabel(40831)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40831)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-70x190-cm.html">
Matras Cephée - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9da0303() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9da0303()" @update-prices-40831.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40831" data-price-box="product-id-40831"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40831" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 219,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40831" data-price-amount="439" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 439,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtNzB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40809/
<form method="post" x-data="{itemData: initItem__65e6f2b3a5cb8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40809/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40809">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40809">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40809.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1_3.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 180x200 cm"
title="Matras Goyave - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40809);" :title="compareData.getCompareLabel(40809)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40809)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-180x200-cm.html">
Matras Goyave - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3a5cb8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3a5cb8()" @update-prices-40809.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40809" data-price-box="product-id-40809"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40809" data-price-amount="869" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 869,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40809" data-price-amount="1245" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.245,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40807/
<form method="post" x-data="{itemData: initItem__65e6f2b3ae185(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40807/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40807">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40807">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40807.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1_2.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 160x200 cm"
title="Matras Goyave - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40807);" :title="compareData.getCompareLabel(40807)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40807)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-160x200-cm.html">
Matras Goyave - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3ae185() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3ae185()" @update-prices-40807.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40807" data-price-box="product-id-40807"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40807" data-price-amount="799" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40807" data-price-amount="1145" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.145,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40805/
<form method="post" x-data="{itemData: initItem__65e6f65d499c8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40805/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40805">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40805">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40805.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 140x200 cm"
title="Matras Goyave - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40805);" :title="compareData.getCompareLabel(40805)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40805)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-140x200-cm.html">
Matras Goyave - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d499c8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d499c8()" @update-prices-40805.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40805" data-price-box="product-id-40805"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40805" data-price-amount="679" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 679,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40805" data-price-amount="970" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 970,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40803/
<form method="post" x-data="{itemData: initItem__65e6f65d50447(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40803/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40803">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40803">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40803.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 140x190 cm" title="Matras Goyave - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40803);" :title="compareData.getCompareLabel(40803)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40803)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-140x190-cm.html">
Matras Goyave - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d50447() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d50447()" @update-prices-40803.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40803" data-price-box="product-id-40803"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40803" data-price-amount="679" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 679,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40803" data-price-amount="970" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 970,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40801/
<form method="post" x-data="{itemData: initItem__65e6f2b3b3293(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40801/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40801">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40801">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40801.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-goyave_1_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 90x200 cm" title="Matras Goyave - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40801);" :title="compareData.getCompareLabel(40801)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40801)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-90x200-cm.html">
Matras Goyave - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3b3293() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3b3293()" @update-prices-40801.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40801" data-price-box="product-id-40801"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40801" data-price-amount="559" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40801" data-price-amount="799" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40799/
<form method="post" x-data="{itemData: initItem__65e6f65d55d32(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40799/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40799">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40799">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40799.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-goyave_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 90x190 cm" title="Matras Goyave - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40799);" :title="compareData.getCompareLabel(40799)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40799)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-90x190-cm.html">
Matras Goyave - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d55d32() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d55d32()" @update-prices-40799.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40799" data-price-box="product-id-40799"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40799" data-price-amount="559" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40799" data-price-amount="799" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40721/
<form method="post" x-data="{itemData: initItem__65e6f65d58ad8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40721/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40721">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40721">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40721.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_1.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 120x200 cm"
title="Matras Supralatex - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40721);" :title="compareData.getCompareLabel(40721)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40721)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-120x200-cm.html">
Matras Supralatex - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d58ad8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d58ad8()" @update-prices-40721.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40721" data-price-box="product-id-40721"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40721" data-price-amount="519" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 519,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40721" data-price-amount="1039" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.039,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40717/
<form method="post" x-data="{itemData: initItem__65e6fd9da5997(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40717/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40717">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40717">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40717.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4_1.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 120x200 cm"
title="Matras Memorytech - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40717);" :title="compareData.getCompareLabel(40717)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40717)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-120x200-cm.html">
Matras Memorytech - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9da5997() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9da5997()" @update-prices-40717.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40717" data-price-box="product-id-40717"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40717" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40717" data-price-amount="1149" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.149,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40715/
<form method="post" x-data="{itemData: initItem__65e6fd9da9686(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40715/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40715">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40715">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40715.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 120x190 cm"
title="Matras Memorytech - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40715);" :title="compareData.getCompareLabel(40715)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40715)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-120x190-cm.html">
Matras Memorytech - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9da9686() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9da9686()" @update-prices-40715.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40715" data-price-box="product-id-40715"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40715" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40715" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40701/
<form method="post" x-data="{itemData: initItem__65e6fd9dacb99(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40701/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40701">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40701">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40701.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cephee-v2_1_3_4.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 120x200 cm"
title="Matras Céphée - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40701);" :title="compareData.getCompareLabel(40701)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40701)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-120x200-cm.html">
Matras Céphée - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dacb99() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dacb99()" @update-prices-40701.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40701" data-price-box="product-id-40701"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40701" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 279,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40701" data-price-amount="559" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtMTIweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40699/
<form method="post" x-data="{itemData: initItem__65e6fd9db0ce1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40699/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40699">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40699">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40699.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cephee-v2_1_3_3.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 120x190 cm"
title="Matras Céphée - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40699);" :title="compareData.getCompareLabel(40699)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40699)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-120x190-cm.html">
Matras Céphée - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9db0ce1() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9db0ce1()" @update-prices-40699.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40699" data-price-box="product-id-40699"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40699" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 279,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40699" data-price-amount="559" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtMTIweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/38435/
<form method="post" x-data="{itemData: initItem__65e6f3c2aec21(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/38435/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="38435">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="38435">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-38435.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_2.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 120x200 cm"
title="Matras Mistral - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(38435);" :title="compareData.getCompareLabel(38435)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(38435)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-120x200-cm.html">
Matras Mistral - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f3c2aec21() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f3c2aec21()" @update-prices-38435.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="38435" data-price-box="product-id-38435"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-38435" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-38435" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/38433/
<form method="post" x-data="{itemData: initItem__65e6fd9db4847(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/38433/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="38433">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="38433">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-38433.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_5.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 120x190 cm"
title="Matras Mistral - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(38433);" :title="compareData.getCompareLabel(38433)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(38433)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-120x190-cm.html">
Matras Mistral - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9db4847() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9db4847()" @update-prices-38433.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="38433" data-price-box="product-id-38433"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-38433" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-38433" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wb2xhaXItMTgweDIwMC1jbS5odG1s/product/36243/
<form method="post" x-data="{itemData: initItem__65e6f4d4ab569(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wb2xhaXItMTgweDIwMC1jbS5odG1s/product/36243/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36243">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36243">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36243.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 180x200 cm"
title="Matras Memorytech - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36243);" :title="compareData.getCompareLabel(36243)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36243)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-180x200-cm.html">
Matras Memorytech - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f4d4ab569() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f4d4ab569()" @update-prices-36243.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36243" data-price-box="product-id-36243"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36243" data-price-amount="829" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 829,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36243" data-price-amount="1659" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.659,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36241/
<form method="post" x-data="{itemData: initItem__65e6f65d5c8db(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36241/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36241">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36241">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36241.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 160x200 cm"
title="Matras Memorytech - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36241);" :title="compareData.getCompareLabel(36241)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36241)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-160x200-cm.html">
Matras Memorytech - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d5c8db() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d5c8db()" @update-prices-36241.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36241" data-price-box="product-id-36241"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36241" data-price-amount="699" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 699,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36241" data-price-amount="1399" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.399,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36239/
<form method="post" x-data="{itemData: initItem__65e6f65d60e1a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36239/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36239">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36239">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36239.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 140x200 cm"
title="Matras Memorytech - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36239);" :title="compareData.getCompareLabel(36239)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36239)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-140x200-cm.html">
Matras Memorytech - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d60e1a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d60e1a()" @update-prices-36239.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36239" data-price-box="product-id-36239"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36239" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36239" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36237/
<form method="post" x-data="{itemData: initItem__65e6f65d64657(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36237/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36237">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36237">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36237.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 140x190 cm"
title="Matras Memorytech - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36237);" :title="compareData.getCompareLabel(36237)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36237)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-140x190-cm.html">
Matras Memorytech - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d64657() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d64657()" @update-prices-36237.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36237" data-price-box="product-id-36237"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36237" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36237" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36235/
<form method="post" x-data="{itemData: initItem__65e6f65d67e7f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36235/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36235">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36235">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36235.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 90x200 cm"
title="Matras Memorytech - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36235);" :title="compareData.getCompareLabel(36235)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36235)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-90x200-cm.html">
Matras Memorytech - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d67e7f() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d67e7f()" @update-prices-36235.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36235" data-price-box="product-id-36235"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36235" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36235" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTkweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/36233/
<form method="post" x-data="{itemData: initItem__65e6f2b3b955c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/36233/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36233">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36233">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36233.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 90x190 cm"
title="Matras Memorytech - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36233);" :title="compareData.getCompareLabel(36233)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36233)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-90x190-cm.html">
Matras Memorytech - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3b955c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3b955c()" @update-prices-36233.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36233" data-price-box="product-id-36233"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36233" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36233" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTkweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36219/
<form method="post" x-data="{itemData: initItem__65e6f61acfb08(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36219/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36219">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36219">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36219.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 180x200 cm"
title="Matras Supralatex - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36219);" :title="compareData.getCompareLabel(36219)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36219)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-180x200-cm.html">
Matras Supralatex - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61acfb08() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61acfb08()" @update-prices-36219.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36219" data-price-box="product-id-36219"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36219" data-price-amount="639" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 639,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36219" data-price-amount="1279" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.279,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36217/
<form method="post" x-data="{itemData: initItem__65e6f61ad334e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36217/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36217">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36217">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36217.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 160x200 cm"
title="Matras Supralatex - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36217);" :title="compareData.getCompareLabel(36217)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36217)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-160x200-cm.html">
Matras Supralatex - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ad334e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ad334e()" @update-prices-36217.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36217" data-price-box="product-id-36217"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36217" data-price-amount="599" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36217" data-price-amount="1199" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.199,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36215/
<form method="post" x-data="{itemData: initItem__65e6f61ad62cd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36215/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36215">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36215">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36215.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 140x200 cm"
title="Matras Supralatex - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36215);" :title="compareData.getCompareLabel(36215)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36215)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-140x200-cm.html">
Matras Supralatex - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ad62cd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ad62cd()" @update-prices-36215.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36215" data-price-box="product-id-36215"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36215" data-price-amount="519" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 519,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36215" data-price-amount="1039" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.039,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36213/
<form method="post" x-data="{itemData: initItem__65e6fd9db96d7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36213/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36213">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36213">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36213.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 140x190 cm"
title="Matras Supralatex - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36213);" :title="compareData.getCompareLabel(36213)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36213)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-140x190-cm.html">
Matras Supralatex - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9db96d7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9db96d7()" @update-prices-36213.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36213" data-price-box="product-id-36213"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36213" data-price-amount="519" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 519,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36213" data-price-amount="1039" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.039,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2NhdGFsb2dzZWFyY2gvcmVzdWx0L2luZGV4Lz9wPTImcT1sYXR0ZW5ib2RlbSsxNDB4MjAw/product/36211/
<form method="post" x-data="{itemData: initItem__65e6f2079c88e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2NhdGFsb2dzZWFyY2gvcmVzdWx0L2luZGV4Lz9wPTImcT1sYXR0ZW5ib2RlbSsxNDB4MjAw/product/36211/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36211">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36211">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36211.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 90x200 cm"
title="Matras Supralatex - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36211);" :title="compareData.getCompareLabel(36211)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36211)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-90x200-cm.html">
Matras Supralatex - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2079c88e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2079c88e()" @update-prices-36211.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36211" data-price-box="product-id-36211"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36211" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36211" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTkweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MzRlZjRodDg4cGw5MHl1djQ5dGt6M2cwYW5xLWkzYXFhdmZ4aG4~/product/36209/
<form method="post" x-data="{itemData: initItem__65e6f4747bc59(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MzRlZjRodDg4cGw5MHl1djQ5dGt6M2cwYW5xLWkzYXFhdmZ4aG4~/product/36209/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36209">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36209">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36209.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 90x190 cm"
title="Matras Supralatex - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36209);" :title="compareData.getCompareLabel(36209)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36209)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-90x190-cm.html">
Matras Supralatex - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f4747bc59() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f4747bc59()" @update-prices-36209.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36209" data-price-box="product-id-36209"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36209" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36209" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTkweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36207/
<form method="post" x-data="{itemData: initItem__65e6f61ac2ad4(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36207/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36207">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36207">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36207.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 180x200 cm"
title="Matras Aerovisco - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36207);" :title="compareData.getCompareLabel(36207)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36207)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-180x200-cm.html">
Matras Aerovisco - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac2ad4() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac2ad4()" @update-prices-36207.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36207" data-price-box="product-id-36207"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36207" data-price-amount="639" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 639,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36207" data-price-amount="1279" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.279,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36205/
<form method="post" x-data="{itemData: initItem__65e6f61ac5b1b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36205/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36205">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36205">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36205.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 160x200 cm"
title="Matras Aerovisco - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36205);" :title="compareData.getCompareLabel(36205)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36205)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-160x200-cm.html">
Matras Aerovisco - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Microveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac5b1b() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac5b1b()" @update-prices-36205.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36205" data-price-box="product-id-36205"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36205" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36205" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36203/
<form method="post" x-data="{itemData: initItem__65e6f61ac8494(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36203/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36203">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36203">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36203.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_5.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 140x200 cm"
title="Matras Aerovisco - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36203);" :title="compareData.getCompareLabel(36203)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36203)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-140x200-cm.html">
Matras Aerovisco - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac8494() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac8494()" @update-prices-36203.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36203" data-price-box="product-id-36203"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36203" data-price-amount="479" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 479,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36203" data-price-amount="959" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 959,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36201/
<form method="post" x-data="{itemData: initItem__65e6f61acaba8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36201/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36201">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36201">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36201.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_3.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 140x190 cm"
title="Matras Aerovisco - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36201);" :title="compareData.getCompareLabel(36201)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36201)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-140x190-cm.html">
Matras Aerovisco - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61acaba8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61acaba8()" @update-prices-36201.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36201" data-price-box="product-id-36201"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36201" data-price-amount="479" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 479,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36201" data-price-amount="959" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 959,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36199/
<form method="post" x-data="{itemData: initItem__65e6fd9dbe519(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36199/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36199">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36199">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36199.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 90x200 cm"
title="Matras Aerovisco - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36199);" :title="compareData.getCompareLabel(36199)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36199)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-90x200-cm.html">
Matras Aerovisco - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dbe519() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dbe519()" @update-prices-36199.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36199" data-price-box="product-id-36199"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36199" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36199" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36197/
<form method="post" x-data="{itemData: initItem__65e6f61acd3fa(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36197/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36197">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36197">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36197.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 90x190 cm"
title="Matras Aerovisco - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36197);" :title="compareData.getCompareLabel(36197)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36197)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-90x190-cm.html">
Matras Aerovisco - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61acd3fa() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61acd3fa()" @update-prices-36197.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36197" data-price-box="product-id-36197"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36197" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36197" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35325/
<form method="post" x-data="{itemData: initItem__65e6fd9dc2039(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35325/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35325">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35325">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35325.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6_3.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 180x200 cm"
title="Matras Mistral - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35325);" :title="compareData.getCompareLabel(35325)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35325)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-180x200-cm.html">
Matras Mistral - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dc2039() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dc2039()" @update-prices-35325.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35325" data-price-box="product-id-35325"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35325" data-price-amount="489" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 489,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35325" data-price-amount="979" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 979,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35323/
<form method="post" x-data="{itemData: initItem__65e6fd9dc557d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35323/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35323">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35323">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35323.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6_2.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 160x200 cm"
title="Matras Mistral - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35323);" :title="compareData.getCompareLabel(35323)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35323)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-160x200-cm.html">
Matras Mistral - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dc557d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dc557d()" @update-prices-35323.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35323" data-price-box="product-id-35323"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35323" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35323" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35321/
<form method="post" x-data="{itemData: initItem__65e6fd9dc88e6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35321/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35321">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35321">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35321.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6_1.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 140x200 cm"
title="Matras Mistral - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35321);" :title="compareData.getCompareLabel(35321)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35321)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-140x200-cm.html">
Matras Mistral - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dc88e6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dc88e6()" @update-prices-35321.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35321" data-price-box="product-id-35321"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35321" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35321" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY3YWQ3ZjRpMDE4cDVhNWhoOHI0NzJyd3ZwcDZlLWMwOWg3MG45NXA~/product/35319/
<form method="post" x-data="{itemData: initItem__65e6f829b266a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY3YWQ3ZjRpMDE4cDVhNWhoOHI0NzJyd3ZwcDZlLWMwOWg3MG45NXA~/product/35319/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35319">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35319">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35319.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 140x190 cm"
title="Matras Mistral - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35319);" :title="compareData.getCompareLabel(35319)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35319)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-140x190-cm.html">
Matras Mistral - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f829b266a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f829b266a()" @update-prices-35319.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35319" data-price-box="product-id-35319"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35319" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35319" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35317/
<form method="post" x-data="{itemData: initItem__65e6fd9dcbda6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35317/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35317">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35317">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35317.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_1.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 90x200 cm"
title="Matras Mistral - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35317);" :title="compareData.getCompareLabel(35317)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35317)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-90x200-cm.html">
Matras Mistral - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dcbda6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dcbda6()" @update-prices-35317.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35317" data-price-box="product-id-35317"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35317" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35317" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTkweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35315/
<form method="post" x-data="{itemData: initItem__65e6fd9dcf238(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35315/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35315">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35315">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35315.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 90x190 cm"
title="Matras Mistral - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35315);" :title="compareData.getCompareLabel(35315)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35315)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-90x190-cm.html">
Matras Mistral - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dcf238() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dcf238()" @update-prices-35315.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35315" data-price-box="product-id-35315"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35315" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35315" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTkweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/33771/
<form method="post" x-data="{itemData: initItem__65e6fd9dd2ba3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/33771/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33771">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="33771">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/hoofdkussen-memo-vegetal-ergonomisch-40x60-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-33771.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/d/e/design_sans_titre_-_2023-12-06t152258.233_1.png" loading="lazy" width="354" height="289"
alt="Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm" title="Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(33771);" :title="compareData.getCompareLabel(33771)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33771)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/hoofdkussen-memo-vegetal-ergonomisch-40x60-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/hoofdkussen-memo-vegetal-ergonomisch-40x60-cm.html">
Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dreamway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dd2ba3() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dd2ba3()" @update-prices-33771.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33771" data-price-box="product-id-33771"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-33771" data-price-amount="79" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 79,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -€ 20,00</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-33771" data-price-amount="99" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 99,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvb2Zka3Vzc2VuLW1lbW8tdmVnZXRhbC1lcmdvbm9taXNjaC00MHg2MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31873/
<form method="post" x-data="{itemData: initItem__65e6f61ad9a8d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31873/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31873">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31873">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-200x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31873.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_6.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 200x200 cm"
title="Matras Kamelia - 200x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31873);" :title="compareData.getCompareLabel(31873)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31873)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-200x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-200x200-cm.html">
Matras Kamelia - 200x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ad9a8d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ad9a8d()" @update-prices-31873.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31873" data-price-box="product-id-31873"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31873" data-price-amount="949" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 949,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31873" data-price-amount="1899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTIwMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31871/
<form method="post" x-data="{itemData: initItem__65e6f61adbeda(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31871/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31871">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31871">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31871.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_5.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 180x200 cm"
title="Matras Kamelia - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31871);" :title="compareData.getCompareLabel(31871)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31871)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-180x200-cm.html">
Matras Kamelia - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61adbeda() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61adbeda()" @update-prices-31871.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31871" data-price-box="product-id-31871"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31871" data-price-amount="899" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31871" data-price-amount="1799" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.799,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/31869/
<form method="post" x-data="{itemData: initItem__65e6f2b3c0f85(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/31869/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31869">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31869">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31869.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_4.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 160x200 cm"
title="Matras Kamelia - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31869);" :title="compareData.getCompareLabel(31869)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31869)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-160x200-cm.html">
Matras Kamelia - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3c0f85() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3c0f85()" @update-prices-31869.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31869" data-price-box="product-id-31869"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31869" data-price-amount="799" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31869" data-price-amount="1599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31867/
<form method="post" x-data="{itemData: initItem__65e6f61ade7a9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31867/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31867">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31867">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31867.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 140x200 cm"
title="Matras Kamelia - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31867);" :title="compareData.getCompareLabel(31867)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31867)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-140x200-cm.html">
Matras Kamelia - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ade7a9() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ade7a9()" @update-prices-31867.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31867" data-price-box="product-id-31867"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31867" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31867" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31865/
<form method="post" x-data="{itemData: initItem__65e6f61ae0dd6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31865/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31865">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31865">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31865.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 140x190 cm"
title="Matras Kamelia - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31865);" :title="compareData.getCompareLabel(31865)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31865)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-140x190-cm.html">
Matras Kamelia - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ae0dd6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ae0dd6()" @update-prices-31865.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31865" data-price-box="product-id-31865"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31865" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31865" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31863/
<form method="post" x-data="{itemData: initItem__65e6f61ae35f6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31863/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31863">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31863">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31863.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_1.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 120x200 cm"
title="Matras Kamelia - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31863);" :title="compareData.getCompareLabel(31863)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31863)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-120x200-cm.html">
Matras Kamelia - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ae35f6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ae35f6()" @update-prices-31863.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31863" data-price-box="product-id-31863"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31863" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31863" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31861/
<form method="post" x-data="{itemData: initItem__65e6f61ae59f0(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31861/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31861">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31861">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31861.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 120x190 cm"
title="Matras Kamelia - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31861);" :title="compareData.getCompareLabel(31861)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31861)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-120x190-cm.html">
Matras Kamelia - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ae59f0() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ae59f0()" @update-prices-31861.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31861" data-price-box="product-id-31861"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31861" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31861" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>
POST https://www.de-matrassenkoning.be/newsletter/subscriber/new/
<form class="form subscribe flex justify-around flex-col md:flex-row items-center" action="https://www.de-matrassenkoning.be/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" @submit.prevent="submitForm()"
id="newsletter-validate-detail">
<div class="md:max-w-[500px] mb-6 md:mb-0">
<div class="font-cormorant text-36p leading-extra-loose">Blijf dromen.</div>
<div class="text-24p leading-loose"> Profiteer van 5% korting op uw eerste bestelling en ontvang onze aanbiedingen en nieuws. </div>
</div>
<div>
<label for="newsletter-subscribe" class="hidden"> Email Address </label>
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7">
<div class="relative flex border border-gray-300 rounded-md shadow-sm pl-2
text-quaternary items-center bg-white">
<svg class="phone_call icon h-6 w-6" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#envelope"></use>
</svg>
<input name="email" type="email" required="" id="newsletter-subscribe" class="form-input !border-0 !shadow-none !pl-1 inline-flex flex-grow !w-auto" placeholder="Vul je e-mailadres in">
<button class="btn btn-primary btn-size-sm"> Registreren </button>
</div>
<div class="field choice mt-3 pl-3 mm:pl-0">
<input type="checkbox" class="checkbox" name="allow" value="1" id="newsletter_allow">
<label for="newsletter_allow" class="text-sm"> Ik geef De Matrassenkoning de toestemming om mij informatie te sturen </label>
</div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
</form>
Text Content
65 winkels en 4 miljoen klanten sinds 30 jaar 056 93 01 17 Ons contacteren Afspraak in de winkel België Belgique France Luxembourg Zoeken ABBEVILLE Mijn mand 0 Mijn mand Mijn mand Mijn account Producten Matras Matrassen Bekijk alle matrassen Schuim matras Latex matras Traagschuim matras Veren matras Babymatras Oplegmatras Afmetingen Matras 90x190 Matras 90x200 Matras 140x190 Matras 140x200 Matras 160x200 Matras 180x200 Matras 70x190 Matras 70x200 Matras 80x200 Matras 120x190 Matras 120x200 Matras 200x200 Bekijk meer Laat minder zien Comfort Zacht Omhullend Evenwichtig Stevig Praktisch Gerold matras Matras met een snelle levertijd Goedkope matras Bedbodem Bedbodems Bekijk alle bedbodems Lattenbodem Gestoffeerde bedbodem Elektrische bedbodem Poten van bedbodem Afmetingen Bedbodem 70x190 Bedbodem 80x200 Bedbodem 90x190 Bedbodem 140x190 Bedbodem 160x200 Bedbodem 180x200 Bedbodem 70x200 Bedbodem 90x200 Bedbodem 140x200 Bedbodem 120x190 Bedbodem 120x200 Bedbodem 1 persoon Bedbodem 2 personen Bekijk meer Laat minder zien Bed Set beddengoed Boxspring Bedkader Kofferbed Hoofdeinde Vouwbed Kinderbed Dekbed, hoofdkussen Dekbed Bekijk alle dekbedden Donzen dekbed Synthetisch dekbed Afmetingen Dekbed 75x120 Dekbed 140x200 Dekbed 200x200 Dekbed 220x240 Dekbed 240x260 Comfort Licht zomerdekbed Warm winterdekbed Gematigd dekbed 4 seizoenen Anti-huisstofmijt dekbed Dekbed zonder behandeling Hoofdkussen, bolster Synthetisch hoofdkussen Donzen hoofdkussen Geheugenschuim hoofdkussen Bolster Afmetingen Hoofdkussen 40x60 Hoofdkussen 45x70 Hoofdkussen 60x60 Hoofdkussen 65x65 Beddengoed Dekbedovertrek Dekbedovertrek 140x200 Dekbedovertrek 200x200 Dekbedovertrek 220x240 Dekbedovertrek 240x260 Hoeslaken Hoeslaken 70x190 Hoeslaken 80x200 Hoeslaken 90x190 Hoeslaken 140x190 Hoeslaken 160x200 Hoeslaken 180x200 Hoeslaken 70x200 Hoeslaken 90x200 Hoeslaken 140x200 Hoeslaken 120x190 Hoeslaken 120X200 Hoeslaken 200x200 Bekijk meer Laat minder zien Bedlinnen Bedlinnen 140x200 Bedlinnen 220x240 Bedlinnen 240x260 Kussensloop Kussensloop 40x60 Kussensloop 50x70 Kussensloop 63x63 Bolster zaak Bedbeschermer Matrasbeschermer Aanbiedingen Onze huidige aanbiedingen OLI Blauw product Onze adviezen Vind je matras Selecteer een productcategorie x MIJN MAND Hoeveelheid: pencil trash Subtotaal: Zie mijn mand loader Bezig met laden... x AL GEREGISTREERD ? Email Address Wachtwoord Inloggen Wachtwoord vergeten ? NIEUWE KLANT? Een account aanmaken Skip to Content 1. Huis 2. Aanbiedingen 3. Onze huidige aanbiedingen x ONZE HUIDIGE AANBIEDINGEN Mijn zoekactie verfijnen Productieland 1. Nederland (47) Nederland 47 2. België (37) België 37 3. Frankrijk (11) Frankrijk 11 No value matching the search "null". Show more+ Show less- Comfortzones 1. 1 comfortzone (31) 1 comfortzone 31 2. 7 comfortzones (22) 7 comfortzones 22 3. 9 comfortzones (19) 9 comfortzones 19 4. Geen comfortzones (9) Geen comfortzones 9 No value matching the search "null". Show more+ Show less- Secundaire technologie 1. Polyurethaanschuim (21) Polyurethaanschuim 21 2. Traagschuim (21) Traagschuim 21 3. Hybride schuim (12) Hybride schuim 12 4. Viscoelastiche schuim (12) Viscoelastiche schuim 12 No value matching the search "null". Show more+ Show less- Dikte (cm) 1. 17 (10) 17 10 2. 19 (10) 19 10 3. 20 (17) 20 17 4. 21 (21) 21 21 5. 22 (11) 22 11 6. 24 (12) 24 12 No value matching the search "null". Show more+ Show less- Verwijderbaar 1. Ja (61) Ja 61 No value matching the search "null". Show more+ Show less- Warmte-index 1. Alle saizoenen (gematigde) (4) Alle saizoenen (gematigde) 4 2. Winter (warm dekbed) (3) Winter (warm dekbed) 3 No value matching the search "null". Show more+ Show less- Vulling 1. 100% polyester holle gesiliconeerde vezels (4) 100% polyester holle gesiliconeerde vezels 4 2. Natuurlijk (90% dons) (3) Natuurlijk (90% dons) 3 No value matching the search "null". Show more+ Show less- Technologie 1. Synthetische (4) Synthetische 4 2. Latex (2) Latex 2 3. Traagschuim (1) Traagschuim 1 No value matching the search "null". Show more+ Show less- Samenstelling van de omslag 1. 100% katoen (2) 100% katoen 2 2. 100% percalkatoen (2) 100% percalkatoen 2 3. Tencel + Polyester + Katoen (2) Tencel + Polyester + Katoen 2 4. 100% Viscose (1) 100% Viscose 1 No value matching the search "null". Show more+ Show less- Vorm 1. Rechthoekige (4) Rechthoekige 4 2. Vierkant (3) Vierkant 3 No value matching the search "null". Show more+ Show less- Zomerzijde / Winterzijde 1. Ja (28) Ja 28 No value matching the search "null". Show more+ Show less- Garnissage face A 1. Mousse à mémoire de forme (33) Mousse à mémoire de forme 33 No value matching the search "null". Show more+ Show less- Epaisseur du latex 1. 3 (9) 3 9 No value matching the search "null". Show more+ Show less- Prijs Min € 49 Max € 1.140 OK Kleuren Slapen 1. 1 persoon (51) 1 persoon 51 2. 2 personen (30) 2 personen 30 No value matching the search "null". Show more+ Show less- Compatibele bedbodem 1. Alle lattenbodem (81) Alle lattenbodem 81 2. Bedbodem (81) Bedbodem 81 3. Boxsprings (81) Boxsprings 81 4. Electrische lattenbodem (22) Electrische lattenbodem 22 No value matching the search "null". Show more+ Show less- Afmetingen 1. 70x190 (7) 70x190 7 2. 70x200 (7) 70x200 7 3. 80x200 (7) 80x200 7 4. 90x190 (8) 90x190 8 5. 90x200 (8) 90x200 8 6. 120x190 (5) 120x190 5 7. 120x200 (6) 120x200 6 8. 140x190 (8) 140x190 8 9. 140x200 (10) 140x200 10 10. 160x200 (8) 160x200 8 No value matching the search "null". Show more+ Show less- Materiaal 1. 100% polyester (5) 100% polyester 5 2. 100% katoen (4) 100% katoen 4 3. Natuurlijk (2) Natuurlijk 2 4. Polyestervezels (2) Polyestervezels 2 5. 100% percalkatoen (1) 100% percalkatoen 1 No value matching the search "null". Show more+ Show less- Comfort Zacht comfort (21) Omhullende comfort (23) Evenwichtig comfort (18) Stevig comfort (26) Belangrijkste Technologie 1. Pocketveren (42) Pocketveren 42 2. Traagschuim (11) Traagschuim 11 3. Koudschuim (10) Koudschuim 10 4. Latex (10) Latex 10 5. Hybrid schuim (6) Hybrid schuim 6 6. Microveren (2) Microveren 2 No value matching the search "null". Show more+ Show less- Merk 1. Oli (51) Oli 51 2. Swissway (34) Swissway 34 3. Le Roi du Matelas (4) Le Roi du Matelas 4 4. Art Bedding (3) Art Bedding 3 5. Dreamway (3) Dreamway 3 No value matching the search "null". Show more+ Show less- Steun 1. Medium (49) Medium 49 2. Stevig (32) Stevig 32 No value matching the search "null". Show more+ Show less- Anti-mijt behandeling 1. Ja (15) Ja 15 No value matching the search "null". Show more+ Show less- Hypoallergene behandeling 1. Ja (11) Ja 11 No value matching the search "null". Show more+ Show less- Geen verwerking 1. Ja (9) Ja 9 No value matching the search "null". Show more+ Show less- Filter Sort By Populariteit Product naam Prijs oplopend Prijs aflopend Items 1-60 of 95 Items 1-60 of 95 PROMO Matras Supralatex - 80x200 cm Oli Zacht comfort Latex Special Price € 459,00 -50% Regular Price € 919,00 Detail PROMO Matras Supralatex - 70x200 cm Oli Zacht comfort Latex Special Price € 459,00 -50% Regular Price € 919,00 Detail PROMO Matras Supralatex - 70x190 cm Oli Zacht comfort Latex Special Price € 459,00 -50% Regular Price € 919,00 Detail PROMO Matras Memorytech - 80x200 cm Oli Omhullende comfort Traagschuim Special Price € 449,00 -50% Regular Price € 899,00 Detail PROMO Matras Memorytech - 70x200 cm Oli Omhullende comfort Traagschuim Special Price € 449,00 -50% Regular Price € 899,00 Detail PROMO Matras Memorytech - 70x190 cm Oli Omhullende comfort Traagschuim Special Price € 449,00 -50% Regular Price € 899,00 Detail PROMO Matras Aerovisco - 80x200 cm Oli Zacht comfort Pocketveren Special Price € 429,00 -50% Regular Price € 859,00 Detail PROMO Matras Aerovisco - 70x200 cm Oli Zacht comfort Microveren Special Price € 429,00 -50% Regular Price € 859,00 Detail PROMO Matras Aerovisco - 70x190 cm Oli Zacht comfort Pocketveren Special Price € 429,00 -50% Regular Price € 859,00 Detail PROMO Exclu web Matras Mistral - 80x200 cm Oli Stevig comfort Pocketveren Special Price € 299,00 -50% Regular Price € 599,00 Detail PROMO Exclu web Matras Mistral - 70x200 cm Oli Stevig comfort Pocketveren Special Price € 299,00 -50% Regular Price € 599,00 Detail PROMO Exclu web Matras Mistral - 70x190 cm Oli Stevig comfort Pocketveren Special Price € 299,00 -50% Regular Price € 599,00 Detail PROMO Exclu web Matras Céphée - 80x200 cm Oli Stevig comfort Koudschuim Special Price € 219,00 -50% Regular Price € 439,00 Detail PROMO Exclu web Matras Céphée - 70x200 cm Oli Stevig comfort Koudschuim Special Price € 219,00 -50% Regular Price € 439,00 Detail PROMO Exclu web Matras Cephée - 70x190 cm Oli Stevig comfort Koudschuim Special Price € 219,00 -50% Regular Price € 439,00 Detail PROMO Matras Goyave - 180x200 cm Swissway Evenwichtig comfort Hybrid schuim Special Price € 869,00 -30% Regular Price € 1.245,00 Detail PROMO Matras Goyave - 160x200 cm Swissway Evenwichtig comfort Hybrid schuim Special Price € 799,00 -30% Regular Price € 1.145,00 Detail PROMO Matras Goyave - 140x200 cm Swissway Evenwichtig comfort Hybrid schuim Special Price € 679,00 -30% Regular Price € 970,00 Detail PROMO Matras Goyave - 140x190 cm Swissway Evenwichtig comfort Hybrid schuim Special Price € 679,00 -30% Regular Price € 970,00 Detail PROMO Matras Goyave - 90x200 cm Swissway Evenwichtig comfort Hybrid schuim Special Price € 559,00 -30% Regular Price € 799,00 Detail PROMO Matras Goyave - 90x190 cm Swissway Evenwichtig comfort Hybrid schuim Special Price € 559,00 -30% Regular Price € 799,00 Detail PROMO Exclu web Matras Supralatex - 120x200 cm Oli Zacht comfort Latex Special Price € 519,00 -50% Regular Price € 1.039,00 Detail PROMO Exclu web Matras Memorytech - 120x200 cm Oli Omhullende comfort Traagschuim Special Price € 569,00 -50% Regular Price € 1.149,00 Detail PROMO Exclu web Matras Memorytech - 120x190 cm Oli Omhullende comfort Traagschuim Special Price € 569,00 -50% Regular Price € 1.139,00 Detail PROMO Exclu web Matras Céphée - 120x200 cm Oli Stevig comfort Koudschuim Special Price € 279,00 -50% Regular Price € 559,00 Detail PROMO Exclu web Matras Céphée - 120x190 cm Oli Stevig comfort Koudschuim Special Price € 279,00 -50% Regular Price € 559,00 Detail PROMO Exclu web Matras Mistral - 120x200 cm Oli Stevig comfort Pocketveren Special Price € 369,00 -50% Regular Price € 739,00 Detail PROMO Exclu web Matras Mistral - 120x190 cm Oli Stevig comfort Pocketveren Special Price € 369,00 -50% Regular Price € 739,00 Detail PROMO Exclu web Matras Memorytech - 180x200 cm Oli Omhullende comfort Traagschuim Special Price € 829,00 -50% Regular Price € 1.659,00 Detail PROMO Exclu web Matras Memorytech - 160x200 cm Oli Omhullende comfort Traagschuim Special Price € 699,00 -50% Regular Price € 1.399,00 Detail PROMO Exclu web Matras Memorytech - 140x200 cm Oli Omhullende comfort Traagschuim Special Price € 569,00 -50% Regular Price € 1.139,00 Detail PROMO Exclu web Matras Memorytech - 140x190 cm Oli Omhullende comfort Traagschuim Special Price € 569,00 -50% Regular Price € 1.139,00 Detail PROMO Exclu web Matras Memorytech - 90x200 cm Oli Omhullende comfort Traagschuim Special Price € 449,00 -50% Regular Price € 899,00 Detail PROMO Exclu web Matras Memorytech - 90x190 cm Oli Omhullende comfort Traagschuim Special Price € 449,00 -50% Regular Price € 899,00 Detail PROMO Exclu web Matras Supralatex - 180x200 cm Oli Zacht comfort Latex Special Price € 639,00 -50% Regular Price € 1.279,00 Detail PROMO Exclu web Matras Supralatex - 160x200 cm Oli Zacht comfort Latex Special Price € 599,00 -50% Regular Price € 1.199,00 Detail PROMO Exclu web Matras Supralatex - 140x200 cm Oli Zacht comfort Latex Special Price € 519,00 -50% Regular Price € 1.039,00 Detail PROMO Exclu web Matras Supralatex - 140x190 cm Oli Zacht comfort Latex Special Price € 519,00 -50% Regular Price € 1.039,00 Detail PROMO Exclu web Matras Supralatex - 90x200 cm Oli Zacht comfort Latex Special Price € 459,00 -50% Regular Price € 919,00 Detail PROMO Exclu web Matras Supralatex - 90x190 cm Oli Zacht comfort Latex Special Price € 459,00 -50% Regular Price € 919,00 Detail PROMO Exclu web Matras Aerovisco - 180x200 cm Oli Zacht comfort Pocketveren Special Price € 639,00 -50% Regular Price € 1.279,00 Detail PROMO Exclu web Matras Aerovisco - 160x200 cm Oli Zacht comfort Microveren Special Price € 569,00 -50% Regular Price € 1.139,00 Detail PROMO Exclu web Matras Aerovisco - 140x200 cm Oli Zacht comfort Pocketveren Special Price € 479,00 -50% Regular Price € 959,00 Detail PROMO Exclu web Matras Aerovisco - 140x190 cm Oli Zacht comfort Pocketveren Special Price € 479,00 -50% Regular Price € 959,00 Detail PROMO Exclu web Matras Aerovisco - 90x200 cm Oli Zacht comfort Pocketveren Special Price € 429,00 -50% Regular Price € 859,00 Detail PROMO Exclu web Matras Aerovisco - 90x190 cm Oli Zacht comfort Pocketveren Special Price € 429,00 -50% Regular Price € 859,00 Detail PROMO Exclu web Matras Mistral - 180x200 cm Oli Stevig comfort Pocketveren Special Price € 489,00 -50% Regular Price € 979,00 Detail PROMO Exclu web Matras Mistral - 160x200 cm Oli Stevig comfort Pocketveren Special Price € 429,00 -50% Regular Price € 859,00 Detail PROMO Exclu web Matras Mistral - 140x200 cm Oli Stevig comfort Pocketveren Special Price € 369,00 -50% Regular Price € 739,00 Detail PROMO Exclu web Matras Mistral - 140x190 cm Oli Stevig comfort Pocketveren Special Price € 369,00 -50% Regular Price € 739,00 Detail PROMO Exclu web Matras Mistral - 90x200 cm Oli Stevig comfort Pocketveren Special Price € 299,00 -50% Regular Price € 599,00 Detail PROMO Exclu web Matras Mistral - 90x190 cm Oli Stevig comfort Pocketveren Special Price € 299,00 -50% Regular Price € 599,00 Detail PROMO Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm Dreamway Stevig comfort Traagschuim Special Price € 79,00 -€ 20,00 Regular Price € 99,00 Detail PROMO Matras Kamelia - 200x200 cm Swissway Evenwichtig comfort Pocketveren Special Price € 949,00 -50% Regular Price € 1.899,00 Detail PROMO Matras Kamelia - 180x200 cm Swissway Evenwichtig comfort Pocketveren Special Price € 899,00 -50% Regular Price € 1.799,00 Detail PROMO Matras Kamelia - 160x200 cm Swissway Evenwichtig comfort Pocketveren Special Price € 799,00 -50% Regular Price € 1.599,00 Detail PROMO Matras Kamelia - 140x200 cm Swissway Evenwichtig comfort Pocketveren Special Price € 729,00 -50% Regular Price € 1.459,00 Detail PROMO Matras Kamelia - 140x190 cm Swissway Evenwichtig comfort Pocketveren Special Price € 729,00 -50% Regular Price € 1.459,00 Detail PROMO Matras Kamelia - 120x200 cm Swissway Evenwichtig comfort Pocketveren Special Price € 729,00 -50% Regular Price € 1.459,00 Detail PROMO Matras Kamelia - 120x190 cm Swissway Evenwichtig comfort Pocketveren Special Price € 729,00 -50% Regular Price € 1.459,00 Detail 1. 2. You're currently reading page 1 3. Page 2 4. Bekijk per pagina 60 items 90 items 120 items 150 items per page Vergelijk producten x Vergelijk Verwijder alles Kwaliteit tegen een minimumprijs 200 testnachten Click & Collect 2u in winkel Lokale productie Blijf dromen. Profiteer van 5% korting op uw eerste bestelling en ontvang onze aanbiedingen en nieuws. Email Address Registreren Ik geef De Matrassenkoning de toestemming om mij informatie te sturen * De Matrassenkoning * Ons verhaal * Onze kennis * Onze merken * Voor de professionele * Affiliate campagne * Adviezen * Afspraak in winkel * Contact * Vragen-Antwoorden * Ons contacteren * Een winkel vinden * Bij ons * Onze voordelen * 200 proefnachten: retour, herroeping * Click & Collect gratis in winkel, levering * Betalingsmiddelen, financiering * Garantie * Vermeldingen * Black Friday * Opruiming * Solden * Algemene verkoopvoorwaarden voor winkels * Algemene verkoopvoorwaarden op internet * Wettelijke Bepalingen * Persoonlijke gegevens * * * Copyright © 2022. All rights reserved.