www.de-matrassenkoning.be
Open in
urlscan Pro
146.185.45.35
Public Scan
Submitted URL: https://t.enews.de-matrassenkoning.be/c/?t=5cc3757-8me-!8c-mw-c!ss8
Effective URL: https://www.de-matrassenkoning.be/matrassen?utm_source=email&utm_medium=fidelisation&utm_campaign=destockage1024
Submission: On October 05 via api from BE — Scanned from DE
Effective URL: https://www.de-matrassenkoning.be/matrassen?utm_source=email&utm_medium=fidelisation&utm_campaign=destockage1024
Submission: On October 05 via api from BE — Scanned from DE
Form analysis 63 forms found in the DOM
GET 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/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41685/
<form method="post" x-data="{itemData: initItem__6700e6331bff9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41685/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41685">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41685">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-helios-140x190-cm')" 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-41685.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/h/e/helios_160x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Helios - 140x190 cm" title="Matras Helios - 140x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41685);" :title="compareData.getCompareLabel(41685)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41685)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-helios-140x190-cm')">
<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-helios-140x190-cm">
Matras Helios - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</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"> 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__6700e6331bff9() {
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__6700e6331bff9()" @update-prices-41685.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41685" data-price-box="product-id-41685"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41685']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41685')" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper " id="product-price-41685-1"><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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41685']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41685')" data-price-amount="939" data-price-type="oldPrice" class="price-wrapper " id="old-price-41685-1"><span class="price">€ 939,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1oZWxpb3MtMTQweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTcweDE5MC1jbQ~~/product/41681/
<form method="post" x-data="{itemData: initItem__6700dc64d4115(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTcweDE5MC1jbQ~~/product/41681/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41681">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41681">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-helios-90x190-cm')" 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-41681.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/h/e/helios_90x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Helios - 90x190 cm" title="Matras Helios - 90x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41681);" :title="compareData.getCompareLabel(41681)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41681)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-helios-90x190-cm')">
<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-helios-90x190-cm">
Matras Helios - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</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"> 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__6700dc64d4115() {
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__6700dc64d4115()" @update-prices-41681.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41681" data-price-box="product-id-41681"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41681']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41681')" data-price-amount="179" data-price-type="finalPrice" class="price-wrapper " id="product-price-41681-1"><span class="price">€ 179,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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41681']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41681')" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper " id="old-price-41681-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1oZWxpb3MtOTB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC05MHgxOTAtY20_a3drdW5pdj1QNEQ0NTE1Nzg5M0YxMDAtdmYyMDZmNHFobGhxeG5nNTk0Njl5amtqMXR2MDAtaHBnbnh1eXFldSZ1dG1fc291cmNlPWt3YW5rbyZ1dG1fbWVkaXVtPWNwYSZ1dG1fY2FtcGFpZ249Z2VuZXJpY18yMDIz/product/41639/
<form method="post" x-data="{itemData: initItem__6700e4f4706bf(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC05MHgxOTAtY20_a3drdW5pdj1QNEQ0NTE1Nzg5M0YxMDAtdmYyMDZmNHFobGhxeG5nNTk0Njl5amtqMXR2MDAtaHBnbnh1eXFldSZ1dG1fc291cmNlPWt3YW5rbyZ1dG1fbWVkaXVtPWNwYSZ1dG1fY2FtcGFpZ249Z2VuZXJpY18yMDIz/product/41639/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41639">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41639">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aura-160x200-cm')" 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-41639.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/p/l/plan_de_travail_1-8_6.png" loading="lazy" width="354" height="289" alt="Matras Aura - 160x200 cm" title="Matras Aura - 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41639);" :title="compareData.getCompareLabel(41639)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41639)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-aura-160x200-cm')">
<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-aura-160x200-cm">
Matras Aura - 160x200 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"> 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"> Aeroflex schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e4f4706bf() {
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__6700e4f4706bf()" @update-prices-41639.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41639" data-price-box="product-id-41639"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41639']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41639')" data-price-amount="679" data-price-type="finalPrice" class="price-wrapper " id="product-price-41639-1"><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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41639']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41639')" data-price-amount="1699" data-price-type="oldPrice" class="price-wrapper " id="old-price-41639-1"><span class="price">€ 1.699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hdXJhLTE2MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUC1BQXRSMjVxaUx1RUFTU3dSLUNrdl9fZWM~/product/41631/
<form method="post" x-data="{itemData: initItem__6700e25c45160(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUC1BQXRSMjVxaUx1RUFTU3dSLUNrdl9fZWM~/product/41631/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41631">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41631">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aura-90x190-cm')" 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-41631.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/p/l/plan_de_travail_1-8_2.png" loading="lazy" width="354" height="289" alt="Matras Aura - 90x190 cm " title="Matras Aura - 90x190 cm ">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41631);" :title="compareData.getCompareLabel(41631)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41631)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-aura-90x190-cm')">
<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-aura-90x190-cm">
Matras Aura - 90x190 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"> 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"> Aeroflex schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e25c45160() {
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__6700e25c45160()" @update-prices-41631.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41631" data-price-box="product-id-41631"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41631']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41631')" data-price-amount="439" data-price-type="finalPrice" class="price-wrapper " id="product-price-41631-1"><span class="price">€ 439,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41631']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41631')" data-price-amount="1099" data-price-type="oldPrice" class="price-wrapper " id="old-price-41631-1"><span class="price">€ 1.099,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hdXJhLTkweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X3pvbmVjb25mb3J0JTVCMCU1RD01K2NvbWZvcnR6b25lcyZhdHRfem9uZWNvbmZvcnQlNUIxJTVEPTcrY29tZm9ydHpvbmVz/product/41561/
<form method="post" x-data="{itemData: initItem__6700da618c386(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X3pvbmVjb25mb3J0JTVCMCU1RD01K2NvbWZvcnR6b25lcyZhdHRfem9uZWNvbmZvcnQlNUIxJTVEPTcrY29tZm9ydHpvbmVz/product/41561/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41561">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41561">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-hotelier-180x200-cm')" 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-41561.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-hotelier_1_3.png" loading="lazy" width="354" height="289" alt="Matras Hôtelier - 180x200 cm"
title="Matras Hôtelier - 180x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41561);" :title="compareData.getCompareLabel(41561)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41561)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-hotelier-180x200-cm')">
<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-hotelier-180x200-cm">
Matras Hôtelier - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Art Bedding</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"> 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700da618c386() {
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__6700da618c386()" @update-prices-41561.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41561" data-price-box="product-id-41561"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41561']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41561')" data-price-amount="1469" data-price-type="finalPrice" class="price-wrapper " id="product-price-41561-1"><span class="price">€ 1.469,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 x-data="" x-id="['old\u002Dprice\u002D41561']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41561')" data-price-amount="2099" data-price-type="oldPrice" class="price-wrapper " id="old-price-41561-1"><span class="price">€ 2.099,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ob3RlbGllci0xODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUF9BQXRSNUpxaUx1RUFTU3dJLUNtZV9fZWM~/product/41559/
<form method="post" x-data="{itemData: initItem__6700e61c03d1b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUF9BQXRSNUpxaUx1RUFTU3dJLUNtZV9fZWM~/product/41559/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41559">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41559">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-hotelier-160x200-cm')" 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-41559.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-hotelier_1_2.png" loading="lazy" width="354" height="289" alt="Matras Hôtelier- 160x200 cm"
title="Matras Hôtelier- 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41559);" :title="compareData.getCompareLabel(41559)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41559)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-hotelier-160x200-cm')">
<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-hotelier-160x200-cm">
Matras Hôtelier- 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Art Bedding</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"> 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e61c03d1b() {
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__6700e61c03d1b()" @update-prices-41559.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41559" data-price-box="product-id-41559"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41559']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41559')" data-price-amount="1329" data-price-type="finalPrice" class="price-wrapper " id="product-price-41559-1"><span class="price">€ 1.329,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 x-data="" x-id="['old\u002Dprice\u002D41559']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41559')" data-price-amount="1899" data-price-type="oldPrice" class="price-wrapper " id="old-price-41559-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ob3RlbGllci0xNjB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X2NvdWNoYWdlPTIrcGVyc29uZW4~/product/41557/
<form method="post" x-data="{itemData: initItem__6700e1026ae88(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X2NvdWNoYWdlPTIrcGVyc29uZW4~/product/41557/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41557">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41557">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-hotelier-140x200-cm')" 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-41557.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-hotelier_1_1.png" loading="lazy" width="354" height="289" alt="Matras Hôtelier - 140x200 cm"
title="Matras Hôtelier - 140x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41557);" :title="compareData.getCompareLabel(41557)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41557)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-hotelier-140x200-cm')">
<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-hotelier-140x200-cm">
Matras Hôtelier - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Art Bedding</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"> 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e1026ae88() {
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__6700e1026ae88()" @update-prices-41557.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41557" data-price-box="product-id-41557"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41557']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41557')" data-price-amount="1189" data-price-type="finalPrice" class="price-wrapper " id="product-price-41557-1"><span class="price">€ 1.189,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 x-data="" x-id="['old\u002Dprice\u002D41557']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41557')" data-price-amount="1699" data-price-type="oldPrice" class="price-wrapper " id="old-price-41557-1"><span class="price">€ 1.699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ob3RlbGllci0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MA~~/product/41555/
<form method="post" x-data="{itemData: initItem__6700e0a0775a9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MA~~/product/41555/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41555">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41555">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-hotelier-140x190-cm')" 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-41555.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-hotelier_1.png" loading="lazy" width="354" height="289" alt="Matras Hôtelier - 140x190 cm"
title="Matras Hôtelier - 140x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41555);" :title="compareData.getCompareLabel(41555)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41555)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-hotelier-140x190-cm')">
<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-hotelier-140x190-cm">
Matras Hôtelier - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Art Bedding</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"> 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e0a0775a9() {
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__6700e0a0775a9()" @update-prices-41555.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41555" data-price-box="product-id-41555"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41555']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41555')" data-price-amount="1189" data-price-type="finalPrice" class="price-wrapper " id="product-price-41555-1"><span class="price">€ 1.189,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 x-data="" x-id="['old\u002Dprice\u002D41555']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41555')" data-price-amount="1699" data-price-type="oldPrice" class="price-wrapper " id="old-price-41555-1"><span class="price">€ 1.699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ob3RlbGllci0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tOTAtMjAw/product/41553/
<form method="post" x-data="{itemData: initItem__6700e0ae2143a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tOTAtMjAw/product/41553/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41553">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41553">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-hotelier-90x200-cm')" 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-41553.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-hotelier_1_2.png" loading="lazy" width="354" height="289" alt="Matras Hôtelier - 90x200 cm"
title="Matras Hôtelier - 90x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41553);" :title="compareData.getCompareLabel(41553)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41553)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-hotelier-90x200-cm')">
<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-hotelier-90x200-cm">
Matras Hôtelier - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Art Bedding</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"> 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e0ae2143a() {
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__6700e0ae2143a()" @update-prices-41553.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41553" data-price-box="product-id-41553"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41553']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41553')" data-price-amount="909" data-price-type="finalPrice" class="price-wrapper " id="product-price-41553-1"><span class="price">€ 909,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 x-data="" x-id="['old\u002Dprice\u002D41553']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41553')" data-price-amount="1299" data-price-type="oldPrice" class="price-wrapper " id="old-price-41553-1"><span class="price">€ 1.299,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ob3RlbGllci05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ueW1waGUtOTB4MTkwLWNt/product/41551/
<form method="post" x-data="{itemData: initItem__6700e0f7adbf7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ueW1waGUtOTB4MTkwLWNt/product/41551/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41551">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41551">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-hotelier-90x190-cm')" 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-41551.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-hotelier_1_1.png" loading="lazy" width="354" height="289" alt="Matras Hôtelier - 90x190 cm"
title="Matras Hôtelier - 90x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41551);" :title="compareData.getCompareLabel(41551)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41551)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-hotelier-90x190-cm')">
<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-hotelier-90x190-cm">
Matras Hôtelier - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Art Bedding</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"> 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e0f7adbf7() {
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__6700e0f7adbf7()" @update-prices-41551.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41551" data-price-box="product-id-41551"> <span x-data="" x-id="['product\u002Dprice\u002D41551']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D41551')" data-price-amount="1299" data-price-type="finalPrice" class="price-wrapper " id="product-price-41551-1"><span class="price">€ 1.299,00</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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ob3RlbGllci05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTkweDE5MC1jbQ~~/product/41547/
<form method="post" x-data="{itemData: initItem__6700dcc039fe5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTkweDE5MC1jbQ~~/product/41547/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41547">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41547">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memo-180x200-cm')" 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-41547.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/e/memo_160x200_1_3.png" loading="lazy" width="354" height="289" alt="Matras Memo - 180x200 cm" title="Matras Memo - 180x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41547);" :title="compareData.getCompareLabel(41547)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41547)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-memo-180x200-cm')">
<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-memo-180x200-cm">
Matras Memo - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</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"> 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"> Aeroflex schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dcc039fe5() {
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__6700dcc039fe5()" @update-prices-41547.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41547" data-price-box="product-id-41547"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41547']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41547')" data-price-amount="529" data-price-type="finalPrice" class="price-wrapper " id="product-price-41547-1"><span class="price">€ 529,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41547']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41547')" data-price-amount="1339" data-price-type="oldPrice" class="price-wrapper " id="old-price-41547-1"><span class="price">€ 1.339,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vLTE4MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUC1BQXRSMnltLWYxOEFTU3dSLUNrdF9fZWM~/product/41545/
<form method="post" x-data="{itemData: initItem__6700e2d884740(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUC1BQXRSMnltLWYxOEFTU3dSLUNrdF9fZWM~/product/41545/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41545">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41545">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memo-160x200-cm')" 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-41545.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/e/memo_160x200_1_2.png" loading="lazy" width="354" height="289" alt="Matras Memo - 160x200 cm" title="Matras Memo - 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41545);" :title="compareData.getCompareLabel(41545)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41545)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-memo-160x200-cm')">
<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-memo-160x200-cm">
Matras Memo - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</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"> 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"> Aeroflex schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e2d884740() {
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__6700e2d884740()" @update-prices-41545.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41545" data-price-box="product-id-41545"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41545']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41545')" data-price-amount="469" data-price-type="finalPrice" class="price-wrapper " id="product-price-41545-1"><span class="price">€ 469,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41545']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41545')" data-price-amount="1179" data-price-type="oldPrice" class="price-wrapper " id="old-price-41545-1"><span class="price">€ 1.179,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vLTE2MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41543/
<form method="post" x-data="{itemData: initItem__6700e63329691(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41543/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41543">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41543">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memo-140x200-cm')" 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-41543.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/e/memo_160x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Memo - 140x200 cm" title="Matras Memo - 140x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41543);" :title="compareData.getCompareLabel(41543)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41543)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-memo-140x200-cm')">
<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-memo-140x200-cm">
Matras Memo - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e63329691() {
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__6700e63329691()" @update-prices-41543.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41543" data-price-box="product-id-41543"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41543']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41543')" data-price-amount="389" data-price-type="finalPrice" class="price-wrapper " id="product-price-41543-1"><span class="price">€ 389,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41543']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41543')" data-price-amount="989" data-price-type="oldPrice" class="price-wrapper " id="old-price-41543-1"><span class="price">€ 989,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vLTE0MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tNzB4MjAwLWNt/product/41541/
<form method="post" x-data="{itemData: initItem__6700dd92d92f2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tNzB4MjAwLWNt/product/41541/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41541">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41541">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memo-140x190-cm')" 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-41541.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/e/memo_160x200_1.png" loading="lazy" width="354" height="289" alt="Matras Memo - 140x190 cm" title="Matras Memo - 140x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41541);" :title="compareData.getCompareLabel(41541)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41541)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-memo-140x190-cm')">
<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-memo-140x190-cm">
Matras Memo - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dd92d92f2() {
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__6700dd92d92f2()" @update-prices-41541.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41541" data-price-box="product-id-41541"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41541']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41541')" data-price-amount="389" data-price-type="finalPrice" class="price-wrapper " id="product-price-41541-1"><span class="price">€ 389,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41541']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41541')" data-price-amount="989" data-price-type="oldPrice" class="price-wrapper " id="old-price-41541-1"><span class="price">€ 989,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vLTE0MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMtYWRhbS0xODB4MjAwLWNt/product/41537/
<form method="post" x-data="{itemData: initItem__6700dafa6d4df(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMtYWRhbS0xODB4MjAwLWNt/product/41537/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41537">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41537">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memo-90x190-cm')" 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-41537.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/e/memo_90x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Memo - 90x190 cm" title="Matras Memo - 90x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41537);" :title="compareData.getCompareLabel(41537)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41537)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-memo-90x190-cm')">
<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-memo-90x190-cm">
Matras Memo - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dafa6d4df() {
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__6700dafa6d4df()" @update-prices-41537.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41537" data-price-box="product-id-41537"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41537']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41537')" data-price-amount="319" data-price-type="finalPrice" class="price-wrapper " id="product-price-41537-1"><span class="price">€ 319,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41537']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41537')" data-price-amount="805" data-price-type="oldPrice" class="price-wrapper " id="old-price-41537-1"><span class="price">€ 805,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vLTkweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X3pvbmVjb25mb3J0PTUrY29tZm9ydHpvbmVz/product/41515/
<form method="post" x-data="{itemData: initItem__6700da32622b0(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X3pvbmVjb25mb3J0PTUrY29tZm9ydHpvbmVz/product/41515/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41515">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41515">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mariniere-2-180x200-cm')" 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-41515.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/v/i/visuel_marini_re-08_5.png" loading="lazy" width="354" height="289" alt="Matras Marinière 2 - 180x200 cm"
title="Matras Marinière 2 - 180x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41515);" :title="compareData.getCompareLabel(41515)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41515)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mariniere-2-180x200-cm')">
<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-mariniere-2-180x200-cm">
Matras Marinière 2 - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Merinos</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"> 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__6700da32622b0() {
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__6700da32622b0()" @update-prices-41515.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41515" data-price-box="product-id-41515"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41515']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41515')" data-price-amount="989" data-price-type="finalPrice" class="price-wrapper " id="product-price-41515-1"><span class="price">€ 989,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"> -10%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41515']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41515')" data-price-amount="1099" data-price-type="oldPrice" class="price-wrapper " id="old-price-41515-1"><span class="price">€ 1.099,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUF9BQXRSNUpxaUx1RUFTU3dJLUNtZV9fZWM~/product/41513/
<form method="post" x-data="{itemData: initItem__6700e61c08e02(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUF9BQXRSNUpxaUx1RUFTU3dJLUNtZV9fZWM~/product/41513/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41513">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41513">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mariniere-2-160x200-cm')" 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-41513.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/v/i/visuel_marini_re-08_4.png" loading="lazy" width="354" height="289" alt="Matras Marinière 2 - 160x200 cm"
title="Matras Marinière 2 - 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41513);" :title="compareData.getCompareLabel(41513)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41513)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mariniere-2-160x200-cm')">
<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-mariniere-2-160x200-cm">
Matras Marinière 2 - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Merinos</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"> 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__6700e61c08e02() {
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__6700e61c08e02()" @update-prices-41513.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41513" data-price-box="product-id-41513"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41513']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41513')" data-price-amount="779" data-price-type="finalPrice" class="price-wrapper " id="product-price-41513-1"><span class="price">€ 779,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"> -10%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41513']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41513')" data-price-amount="869" data-price-type="oldPrice" class="price-wrapper " id="old-price-41513-1"><span class="price">€ 869,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xNjB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X2NvdWNoYWdlPTIrcGVyc29uZW4~/product/41511/
<form method="post" x-data="{itemData: initItem__6700e10275a2f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X2NvdWNoYWdlPTIrcGVyc29uZW4~/product/41511/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41511">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41511">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mariniere-2-140x200-cm')" 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-41511.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/v/i/visuel_marini_re-08_3.png" loading="lazy" width="354" height="289" alt="Matras Marinière 2 - 140x200 cm "
title="Matras Marinière 2 - 140x200 cm ">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41511);" :title="compareData.getCompareLabel(41511)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41511)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mariniere-2-140x200-cm')">
<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-mariniere-2-140x200-cm">
Matras Marinière 2 - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Merinos</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"> 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__6700e10275a2f() {
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__6700e10275a2f()" @update-prices-41511.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41511" data-price-box="product-id-41511"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41511']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41511')" data-price-amount="669" data-price-type="finalPrice" class="price-wrapper " id="product-price-41511-1"><span class="price">€ 669,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"> -10%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41511']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41511')" data-price-amount="749" data-price-type="oldPrice" class="price-wrapper " id="old-price-41511-1"><span class="price">€ 749,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXBlcmlvci1wb2NrZXQtODB4MjAwLWNt/product/41509/
<form method="post" x-data="{itemData: initItem__6700ddca575fe(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXBlcmlvci1wb2NrZXQtODB4MjAwLWNt/product/41509/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41509">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41509">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mariniere-2-140x190-cm')" 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-41509.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/v/i/visuel_marini_re-08_2.png" loading="lazy" width="354" height="289" alt="Matras Marinière 2 - 140x190 cm"
title="Matras Marinière 2 - 140x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41509);" :title="compareData.getCompareLabel(41509)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41509)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mariniere-2-140x190-cm')">
<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-mariniere-2-140x190-cm">
Matras Marinière 2 - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Merinos</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"> 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__6700ddca575fe() {
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__6700ddca575fe()" @update-prices-41509.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41509" data-price-box="product-id-41509"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41509']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41509')" data-price-amount="669" data-price-type="finalPrice" class="price-wrapper " id="product-price-41509-1"><span class="price">€ 669,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"> -10%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41509']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41509')" data-price-amount="749" data-price-type="oldPrice" class="price-wrapper " id="old-price-41509-1"><span class="price">€ 749,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUF9BQXRSNUpxaUx1RUFTU3dJLUNtZV9fZWM~/product/41507/
<form method="post" x-data="{itemData: initItem__6700e61c0c642(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_dXRtX3NvdXJjZT1kaXNwbGF5JnV0bV9tZWRpdW09ZW5vdmF0ZSZ1dG1fY2FtcGFpZ249ZGVzdG9ja2FnZTEwMjQmbXRtX2t3ZD1QYXJhbGxheGVAMjE2MjBlY19fWmowQU9rUF9BQXRSNUpxaUx1RUFTU3dJLUNtZV9fZWM~/product/41507/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41507">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41507">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mariniere-2-90x200-cm')" 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-41507.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/v/i/visuel_marini_re-08_1.png" loading="lazy" width="354" height="289" alt="Matras Marinière 2 - 90x200 cm"
title="Matras Marinière 2 - 90x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41507);" :title="compareData.getCompareLabel(41507)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41507)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mariniere-2-90x200-cm')">
<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-mariniere-2-90x200-cm">
Matras Marinière 2 - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Merinos</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"> 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__6700e61c0c642() {
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__6700e61c0c642()" @update-prices-41507.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41507" data-price-box="product-id-41507"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41507']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41507')" data-price-amount="499" data-price-type="finalPrice" class="price-wrapper " id="product-price-41507-1"><span class="price">€ 499,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"> -10%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41507']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41507')" data-price-amount="559" data-price-type="oldPrice" class="price-wrapper " id="old-price-41507-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvb2Zka3Vzc2VuLXF1aWV0dWRlLTQ1eDcwLWNt/product/41505/
<form method="post" x-data="{itemData: initItem__6700db9674e9d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvb2Zka3Vzc2VuLXF1aWV0dWRlLTQ1eDcwLWNt/product/41505/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41505">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41505">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mariniere-2-90x190-cm')" 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-41505.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/v/i/visuel_marini_re-08.png" loading="lazy" width="354" height="289" alt="Matras Marinière 2 - 90x190 cm"
title="Matras Marinière 2 - 90x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41505);" :title="compareData.getCompareLabel(41505)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41505)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mariniere-2-90x190-cm')">
<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-mariniere-2-90x190-cm">
Matras Marinière 2 - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Merinos</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"> 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__6700db9674e9d() {
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__6700db9674e9d()" @update-prices-41505.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41505" data-price-box="product-id-41505"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41505']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41505')" data-price-amount="499" data-price-type="finalPrice" class="price-wrapper " id="product-price-41505-1"><span class="price">€ 499,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"> -10%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41505']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41505')" data-price-amount="559" data-price-type="oldPrice" class="price-wrapper " id="old-price-41505-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXBlcmlvci1wb2NrZXQtMTgweDIwMC1jbQ~~/product/41421/
<form method="post" x-data="{itemData: initItem__6700ddd637bfa(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXBlcmlvci1wb2NrZXQtMTgweDIwMC1jbQ~~/product/41421/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41421">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41421">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mango-180x200-cm')" 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-41421.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/mango_160x200_1_3.png" loading="lazy" width="354" height="289" alt="Matras Mango - 180x200 cm" title="Matras Mango - 180x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41421);" :title="compareData.getCompareLabel(41421)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41421)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mango-180x200-cm')">
<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-mango-180x200-cm">
Matras Mango - 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"> 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__6700ddd637bfa() {
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__6700ddd637bfa()" @update-prices-41421.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41421" data-price-box="product-id-41421"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41421']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41421')" data-price-amount="869" data-price-type="finalPrice" class="price-wrapper " id="product-price-41421-1"><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 x-data="" x-id="['old\u002Dprice\u002D41421']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41421')" data-price-amount="1245" data-price-type="oldPrice" class="price-wrapper " id="old-price-41421-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYW5nby0xODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/41419/
<form method="post" x-data="{itemData: initItem__6700e72a66b90(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/41419/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41419">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41419">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mango-160x200-cm')" 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-41419.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/mango_160x200_1_2.png" loading="lazy" width="354" height="289" alt="Matras Mango - 160x200 cm" title="Matras Mango - 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41419);" :title="compareData.getCompareLabel(41419)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41419)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mango-160x200-cm')">
<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-mango-160x200-cm">
Matras Mango - 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"> 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__6700e72a66b90() {
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__6700e72a66b90()" @update-prices-41419.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41419" data-price-box="product-id-41419"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41419']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41419')" data-price-amount="799" data-price-type="finalPrice" class="price-wrapper " id="product-price-41419-1"><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 x-data="" x-id="['old\u002Dprice\u002D41419']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41419')" data-price-amount="1145" data-price-type="oldPrice" class="price-wrapper " id="old-price-41419-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYW5nby0xNjB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X2NvdWNoYWdlPTIrcGVyc29uZW4~/product/41417/
<form method="post" x-data="{itemData: initItem__6700e1027b679(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_YXR0X2NvdWNoYWdlPTIrcGVyc29uZW4~/product/41417/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41417">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41417">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mango-140x200-cm')" 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-41417.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/mango_160x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Mango - 140x200 cm" title="Matras Mango - 140x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41417);" :title="compareData.getCompareLabel(41417)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41417)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mango-140x200-cm')">
<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-mango-140x200-cm">
Matras Mango - 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"> 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__6700e1027b679() {
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__6700e1027b679()" @update-prices-41417.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41417" data-price-box="product-id-41417"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41417']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41417')" data-price-amount="679" data-price-type="finalPrice" class="price-wrapper " id="product-price-41417-1"><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 x-data="" x-id="['old\u002Dprice\u002D41417']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41417')" data-price-amount="970" data-price-type="oldPrice" class="price-wrapper " id="old-price-41417-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYW5nby0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xNDB4MTkwLWNt/product/41415/
<form method="post" x-data="{itemData: initItem__6700e62a700c9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xNDB4MTkwLWNt/product/41415/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41415">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41415">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mango-140x190-cm')" 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-41415.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/mango_160x200_1.png" loading="lazy" width="354" height="289" alt="Matras Mango - 140x190 cm " title="Matras Mango - 140x190 cm ">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41415);" :title="compareData.getCompareLabel(41415)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41415)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mango-140x190-cm')">
<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-mango-140x190-cm">
Matras Mango - 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"> 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__6700e62a700c9() {
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__6700e62a700c9()" @update-prices-41415.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41415" data-price-box="product-id-41415"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41415']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41415')" data-price-amount="679" data-price-type="finalPrice" class="price-wrapper " id="product-price-41415-1"><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 x-data="" x-id="['old\u002Dprice\u002D41415']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41415')" data-price-amount="970" data-price-type="oldPrice" class="price-wrapper " id="old-price-41415-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYW5nby0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/41413/
<form method="post" x-data="{itemData: initItem__6700e72a6da2c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/41413/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41413">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41413">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mango-90x200-cm')" 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-41413.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/mango_90x200_1_1_1.png" loading="lazy" width="354" height="289" alt="Matras Mango - 90x200 cm" title="Matras Mango - 90x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41413);" :title="compareData.getCompareLabel(41413)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41413)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mango-90x200-cm')">
<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-mango-90x200-cm">
Matras Mango - 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"> 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__6700e72a6da2c() {
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__6700e72a6da2c()" @update-prices-41413.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41413" data-price-box="product-id-41413"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41413']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41413')" data-price-amount="559" data-price-type="finalPrice" class="price-wrapper " id="product-price-41413-1"><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 x-data="" x-id="['old\u002Dprice\u002D41413']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41413')" data-price-amount="799" data-price-type="oldPrice" class="price-wrapper " id="old-price-41413-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYW5nby05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/41411/
<form method="post" x-data="{itemData: initItem__6700e72a70a9e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/41411/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41411">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41411">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mango-90x190-cm')" 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-41411.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/mango_90x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Mango - 90x190 cm" title="Matras Mango - 90x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41411);" :title="compareData.getCompareLabel(41411)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41411)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-mango-90x190-cm')">
<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-mango-90x190-cm">
Matras Mango - 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"> 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__6700e72a70a9e() {
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__6700e72a70a9e()" @update-prices-41411.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41411" data-price-box="product-id-41411"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41411']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41411')" data-price-amount="559" data-price-type="finalPrice" class="price-wrapper " id="product-price-41411-1"><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 x-data="" x-id="['old\u002Dprice\u002D41411']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41411')" data-price-amount="799" data-price-type="oldPrice" class="price-wrapper " id="old-price-41411-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYW5nby05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_cHJvZHVjdF9saXN0X29yZGVyPW5hbWU~/product/41299/
<form method="post" x-data="{itemData: initItem__6700e4790fe50(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_cHJvZHVjdF9saXN0X29yZGVyPW5hbWU~/product/41299/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41299">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41299">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sully-180x200-cm')" 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-41299.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/u/sully_160x200_1_1_3.png" loading="lazy" width="354" height="289" alt="Matras Sully - 180x200 cm" title="Matras Sully - 180x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41299);" :title="compareData.getCompareLabel(41299)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41299)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-sully-180x200-cm')">
<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-sully-180x200-cm">
Matras Sully - 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"> 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__6700e4790fe50() {
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__6700e4790fe50()" @update-prices-41299.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41299" data-price-box="product-id-41299"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41299']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41299')" data-price-amount="1079" data-price-type="finalPrice" class="price-wrapper " id="product-price-41299-1"><span class="price">€ 1.079,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 x-data="" x-id="['old\u002Dprice\u002D41299']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41299')" data-price-amount="2169" data-price-type="oldPrice" class="price-wrapper " id="old-price-41299-1"><span class="price">€ 2.169,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdWxseS0xODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41297/
<form method="post" x-data="{itemData: initItem__6700e6332f3fa(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41297/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41297">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41297">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sully-160x200-cm')" 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-41297.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/u/sully_160x200_1_1_2.png" loading="lazy" width="354" height="289" alt="Matras Sully - 160x200 cm" title="Matras Sully - 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41297);" :title="compareData.getCompareLabel(41297)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41297)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-sully-160x200-cm')">
<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-sully-160x200-cm">
Matras Sully - 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"> 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__6700e6332f3fa() {
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__6700e6332f3fa()" @update-prices-41297.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41297" data-price-box="product-id-41297"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41297']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41297')" data-price-amount="919" data-price-type="finalPrice" class="price-wrapper " id="product-price-41297-1"><span class="price">€ 919,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 x-data="" x-id="['old\u002Dprice\u002D41297']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41297')" data-price-amount="1839" data-price-type="oldPrice" class="price-wrapper " id="old-price-41297-1"><span class="price">€ 1.839,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdWxseS0xNjB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tMTIweDE5MC1jbQ~~/product/41293/
<form method="post" x-data="{itemData: initItem__6700dd3917b18(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tMTIweDE5MC1jbQ~~/product/41293/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41293">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41293">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sully-140x190-cm')" 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-41293.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/u/sully_160x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Sully - 140x190 cm" title="Matras Sully - 140x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41293);" :title="compareData.getCompareLabel(41293)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41293)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-sully-140x190-cm')">
<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-sully-140x190-cm">
Matras Sully - 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"> 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__6700dd3917b18() {
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__6700dd3917b18()" @update-prices-41293.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41293" data-price-box="product-id-41293"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41293']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41293')" data-price-amount="749" data-price-type="finalPrice" class="price-wrapper " id="product-price-41293-1"><span class="price">€ 749,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 x-data="" x-id="['old\u002Dprice\u002D41293']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41293')" data-price-amount="1499" data-price-type="oldPrice" class="price-wrapper " id="old-price-41293-1"><span class="price">€ 1.499,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdWxseS0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iYWRpLTEyMHgxOTAtY20~/product/41289/
<form method="post" x-data="{itemData: initItem__6700ddceecd17(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iYWRpLTEyMHgxOTAtY20~/product/41289/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41289">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41289">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sully-90x190-cm')" 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-41289.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/u/sully_90x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Sully - 90x190 cm" title="Matras Sully - 90x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41289);" :title="compareData.getCompareLabel(41289)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41289)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-sully-90x190-cm')">
<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-sully-90x190-cm">
Matras Sully - 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"> 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__6700ddceecd17() {
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__6700ddceecd17()" @update-prices-41289.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41289" data-price-box="product-id-41289"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41289']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41289')" data-price-amount="579" data-price-type="finalPrice" class="price-wrapper " id="product-price-41289-1"><span class="price">€ 579,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 x-data="" x-id="['old\u002Dprice\u002D41289']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41289')" data-price-amount="1169" data-price-type="oldPrice" class="price-wrapper " id="old-price-41289-1"><span class="price">€ 1.169,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdWxseS05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41285/
<form method="post" x-data="{itemData: initItem__6700e6333427e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWU_Z2FkX3NvdXJjZT0x/product/41285/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41285">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41285">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-monceau-160x200-cm')" 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-41285.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/o/monceau_160x200_1_2.png" loading="lazy" width="354" height="289" alt="Matras Monceau - 160x200 cm" title="Matras Monceau - 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41285);" :title="compareData.getCompareLabel(41285)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41285)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-monceau-160x200-cm')">
<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-monceau-160x200-cm">
Matras Monceau - 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"> 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__6700e6333427e() {
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__6700e6333427e()" @update-prices-41285.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41285" data-price-box="product-id-41285"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41285']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41285')" data-price-amount="999" data-price-type="finalPrice" class="price-wrapper " id="product-price-41285-1"><span class="price">€ 999,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 x-data="" x-id="['old\u002Dprice\u002D41285']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41285')" data-price-amount="1999" data-price-type="oldPrice" class="price-wrapper " id="old-price-41285-1"><span class="price">€ 1.999,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tb25jZWF1LTE2MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ueW1waGUtOTB4MjAwLWNt/product/41281/
<form method="post" x-data="{itemData: initItem__6700e101b0141(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1ueW1waGUtOTB4MjAwLWNt/product/41281/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41281">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41281">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-monceau-140x190-cm')" 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-41281.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/o/monceau_160x200_1.png" loading="lazy" width="354" height="289" alt="Matras Monceau - 140x190 cm" title="Matras Monceau - 140x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41281);" :title="compareData.getCompareLabel(41281)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41281)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-monceau-140x190-cm')">
<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-monceau-140x190-cm">
Matras Monceau - 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"> 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__6700e101b0141() {
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__6700e101b0141()" @update-prices-41281.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41281" data-price-box="product-id-41281"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41281']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41281')" data-price-amount="829" data-price-type="finalPrice" class="price-wrapper " id="product-price-41281-1"><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 x-data="" x-id="['old\u002Dprice\u002D41281']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41281')" data-price-amount="1669" data-price-type="oldPrice" class="price-wrapper " id="old-price-41281-1"><span class="price">€ 1.669,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tb25jZWF1LTE0MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xODB4MjAwLWNt/product/41277/
<form method="post" x-data="{itemData: initItem__6700e17436e37(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tYXJpbmllcmUtMi0xODB4MjAwLWNt/product/41277/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41277">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41277">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-monceau-90x190-cm')" 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-41277.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/o/monceau_90x200_1_1.png" loading="lazy" width="354" height="289" alt="Matras Monceau - 90x190 cm" title="Matras Monceau - 90x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41277);" :title="compareData.getCompareLabel(41277)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41277)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-monceau-90x190-cm')">
<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-monceau-90x190-cm">
Matras Monceau - 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"> 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__6700e17436e37() {
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__6700e17436e37()" @update-prices-41277.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41277" data-price-box="product-id-41277"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41277']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41277')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-41277-1"><span class="price">€ 659,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 x-data="" x-id="['old\u002Dprice\u002D41277']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41277')" data-price-amount="1329" data-price-type="oldPrice" class="price-wrapper " id="old-price-41277-1"><span class="price">€ 1.329,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tb25jZWF1LTkweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vLTE0MHgxOTAtY20~/product/41259/
<form method="post" x-data="{itemData: initItem__6700e4e542e44(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vLTE0MHgxOTAtY20~/product/41259/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41259">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41259">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-80x200-cm')" 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-41259.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cocoon_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 80x200 cm"
title="Matras Cocoon - 80x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41259);" :title="compareData.getCompareLabel(41259)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41259)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-cocoon-80x200-cm')">
<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-cocoon-80x200-cm">
Matras Cocoon - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e4e542e44() {
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__6700e4e542e44()" @update-prices-41259.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41259" data-price-box="product-id-41259"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41259']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41259')" data-price-amount="295" data-price-type="finalPrice" class="price-wrapper " id="product-price-41259-1"><span class="price">€ 295,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41259']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41259')" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper " id="old-price-41259-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdmE0ZDBmNHFobG1ocXpjYnUwNTM3NjlsdG5wM2MtaXBoMWV0aTgwdg~~/product/41257/
<form method="post" x-data="{itemData: initItem__6700e5ac7e102(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdmE0ZDBmNHFobG1ocXpjYnUwNTM3NjlsdG5wM2MtaXBoMWV0aTgwdg~~/product/41257/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41257">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41257">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-70x200-cm')" 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-41257.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cocoon_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 70x200 cm"
title="Matras Cocoon - 70x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41257);" :title="compareData.getCompareLabel(41257)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41257)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-cocoon-70x200-cm')">
<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-cocoon-70x200-cm">
Matras Cocoon - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e5ac7e102() {
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__6700e5ac7e102()" @update-prices-41257.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41257" data-price-box="product-id-41257"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41257']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41257')" data-price-amount="295" data-price-type="finalPrice" class="price-wrapper " id="product-price-41257-1"><span class="price">€ 295,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41257']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41257')" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper " id="old-price-41257-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tNzB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZhZmFlZjRxaGx2bTVhODlzZWg3aXl4OGQxYmF2LWZlbnd0bG9sN2o~/product/41255/
<form method="post" x-data="{itemData: initItem__6700e755ece1f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZhZmFlZjRxaGx2bTVhODlzZWg3aXl4OGQxYmF2LWZlbnd0bG9sN2o~/product/41255/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41255">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41255">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-70x190-cm')" 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-41255.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cocoon_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 70x190 cm"
title="Matras Cocoon - 70x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41255);" :title="compareData.getCompareLabel(41255)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41255)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-cocoon-70x190-cm')">
<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-cocoon-70x190-cm">
Matras Cocoon - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e755ece1f() {
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__6700e755ece1f()" @update-prices-41255.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41255" data-price-box="product-id-41255"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41255']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41255')" data-price-amount="295" data-price-type="finalPrice" class="price-wrapper " id="product-price-41255-1"><span class="price">€ 295,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41255']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41255')" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper " id="old-price-41255-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tNzB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMtYmFkaS04MHgyMDAtY20~/product/41251/
<form method="post" x-data="{itemData: initItem__6700db19a2e32(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMtYmFkaS04MHgyMDAtY20~/product/41251/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41251">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41251">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-apollo-80x200-cm')" 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-41251.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-apollo_1_8_2.png" loading="lazy" width="354" height="289" alt="Matras Apollo - 80x200 cm"
title="Matras Apollo - 80x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41251);" :title="compareData.getCompareLabel(41251)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41251)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-apollo-80x200-cm')">
<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-apollo-80x200-cm">
Matras Apollo - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700db19a2e32() {
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__6700db19a2e32()" @update-prices-41251.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41251" data-price-box="product-id-41251"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41251']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41251')" data-price-amount="259" data-price-type="finalPrice" class="price-wrapper " id="product-price-41251-1"><span class="price">€ 259,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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41251']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41251')" data-price-amount="879" data-price-type="oldPrice" class="price-wrapper " id="old-price-41251-1"><span class="price">€ 879,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/41249/
<form method="post" x-data="{itemData: initItem__6700dbff46b09(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/41249/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41249">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41249">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-apollo-70x200-cm')" 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-41249.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-apollo_1_8_1.png" loading="lazy" width="354" height="289" alt="Matras Apollo - 70x200 cm"
title="Matras Apollo - 70x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41249);" :title="compareData.getCompareLabel(41249)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41249)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-apollo-70x200-cm')">
<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-apollo-70x200-cm">
Matras Apollo - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbff46b09() {
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__6700dbff46b09()" @update-prices-41249.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41249" data-price-box="product-id-41249"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41249']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41249')" data-price-amount="259" data-price-type="finalPrice" class="price-wrapper " id="product-price-41249-1"><span class="price">€ 259,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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41249']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41249')" data-price-amount="879" data-price-type="oldPrice" class="price-wrapper " id="old-price-41249-1"><span class="price">€ 879,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tNzB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTgweDIwMC1jbQ~~/product/41227/
<form method="post" x-data="{itemData: initItem__6700dca1da446(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTgweDIwMC1jbQ~~/product/41227/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="41227">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41227">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-80x200-cm')" 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-41227.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_1_4_6.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 80x200 cm"
title="Matras Ergotech - 80x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41227);" :title="compareData.getCompareLabel(41227)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41227)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-ergotech-80x200-cm')">
<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-ergotech-80x200-cm">
Matras Ergotech - 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"> 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dca1da446() {
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__6700dca1da446()" @update-prices-41227.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41227" data-price-box="product-id-41227"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41227']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41227')" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper " id="product-price-41227-1"><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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41227']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41227')" data-price-amount="699" data-price-type="oldPrice" class="price-wrapper " id="old-price-41227-1"><span class="price">€ 699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC04MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2Vu/product/41225/
<form method="post" x-data="{itemData: initItem__6700e39c2b947(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2Vu/product/41225/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41225">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41225">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-70x200-cm')" 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-41225.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_1_4_5.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 70x200 cm"
title="Matras Ergotech - 70x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41225);" :title="compareData.getCompareLabel(41225)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41225)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-ergotech-70x200-cm')">
<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-ergotech-70x200-cm">
Matras Ergotech - 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"> 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e39c2b947() {
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__6700e39c2b947()" @update-prices-41225.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41225" data-price-box="product-id-41225"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41225']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41225')" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper " id="product-price-41225-1"><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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41225']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41225')" data-price-amount="699" data-price-type="oldPrice" class="price-wrapper " id="old-price-41225-1"><span class="price">€ 699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC03MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2Vu/product/41223/
<form method="post" x-data="{itemData: initItem__6700e39c33370(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2Vu/product/41223/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41223">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41223">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-70x190-cm')" 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-41223.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_1_4_4.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 70x190 cm"
title="Matras Ergotech - 70x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41223);" :title="compareData.getCompareLabel(41223)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41223)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-ergotech-70x190-cm')">
<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-ergotech-70x190-cm">
Matras Ergotech - 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"> 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e39c33370() {
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__6700e39c33370()" @update-prices-41223.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41223" data-price-box="product-id-41223"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41223']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41223')" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper " id="product-price-41223-1"><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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D41223']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41223')" data-price-amount="699" data-price-type="oldPrice" class="price-wrapper " id="old-price-41223-1"><span class="price">€ 699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC03MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/41221/
<form method="post" x-data="{itemData: initItem__6700dbfebda84(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/41221/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41221">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41221">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-80x200-cm')" 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-41221.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix-v2_2_3_4.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 80x200 cm"
title="Matras Bellatrix - 80x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41221);" :title="compareData.getCompareLabel(41221)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41221)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-bellatrix-80x200-cm')">
<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-bellatrix-80x200-cm">
Matras Bellatrix - 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"> 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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbfebda84() {
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__6700dbfebda84()" @update-prices-41221.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41221" data-price-box="product-id-41221"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41221']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41221')" data-price-amount="269" data-price-type="finalPrice" class="price-wrapper " id="product-price-41221-1"><span class="price">€ 269,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 x-data="" x-id="['old\u002Dprice\u002D41221']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41221')" data-price-amount="539" data-price-type="oldPrice" class="price-wrapper " id="old-price-41221-1"><span class="price">€ 539,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/41219/
<form method="post" x-data="{itemData: initItem__6700dbfec3652(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/41219/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41219">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41219">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-70x200-cm')" 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-41219.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix-v2_2_3_3.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 70x200 cm"
title="Matras Bellatrix - 70x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41219);" :title="compareData.getCompareLabel(41219)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41219)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-bellatrix-70x200-cm')">
<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-bellatrix-70x200-cm">
Matras Bellatrix - 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"> 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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbfec3652() {
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__6700dbfec3652()" @update-prices-41219.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41219" data-price-box="product-id-41219"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41219']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41219')" data-price-amount="269" data-price-type="finalPrice" class="price-wrapper " id="product-price-41219-1"><span class="price">€ 269,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 x-data="" x-id="['old\u002Dprice\u002D41219']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41219')" data-price-amount="539" data-price-type="oldPrice" class="price-wrapper " id="old-price-41219-1"><span class="price">€ 539,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtNzB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2Rla2JlZC1jb2xvcnMtYW50cmFjaWV0LTI0MHgyNjAtY20~/product/41217/
<form method="post" x-data="{itemData: initItem__6700d9bbadfba(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2Rla2JlZC1jb2xvcnMtYW50cmFjaWV0LTI0MHgyNjAtY20~/product/41217/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41217">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="41217">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-70x190-cm')" 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-41217.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix-v2_2_3_2.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 70x190 cm"
title="Matras Bellatrix - 70x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(41217);" :title="compareData.getCompareLabel(41217)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41217)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-bellatrix-70x190-cm')">
<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-bellatrix-70x190-cm">
Matras Bellatrix - 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"> 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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700d9bbadfba() {
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__6700d9bbadfba()" @update-prices-41217.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41217" data-price-box="product-id-41217"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D41217']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D41217')" data-price-amount="269" data-price-type="finalPrice" class="price-wrapper " id="product-price-41217-1"><span class="price">€ 269,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 x-data="" x-id="['old\u002Dprice\u002D41217']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D41217')" data-price-amount="539" data-price-type="oldPrice" class="price-wrapper " id="old-price-41217-1"><span class="price">€ 539,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtNzB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMvb3BsZWdtYXRyYXM~/product/40959/
<form method="post" x-data="{itemData: initItem__6700dbea30925(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMvb3BsZWdtYXRyYXM~/product/40959/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40959">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40959">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/oplegmatras-confort-180x200-cm')" 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-40959.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/u/surmatelas-160-viscot_0_1_4.jpg" loading="lazy" width="354" height="289" alt="Oplegmatras Confort - 180x200 cm"
title="Oplegmatras Confort - 180x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40959);" :title="compareData.getCompareLabel(40959)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40959)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/oplegmatras-confort-180x200-cm')">
<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/oplegmatras-confort-180x200-cm">
Oplegmatras Confort - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Le Roi du Matelas</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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbea30925() {
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__6700dbea30925()" @update-prices-40959.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40959" data-price-box="product-id-40959"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40959']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40959')" data-price-amount="149" data-price-type="finalPrice" class="price-wrapper " id="product-price-40959-1"><span class="price">€ 149,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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D40959']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40959')" data-price-amount="499" data-price-type="oldPrice" class="price-wrapper " id="old-price-40959-1"><span class="price">€ 499,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL29wbGVnbWF0cmFzLWNvbmZvcnQtMTgweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMvb3BsZWdtYXRyYXM~/product/40957/
<form method="post" x-data="{itemData: initItem__6700dbea46493(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMvb3BsZWdtYXRyYXM~/product/40957/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40957">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40957">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/oplegmatras-confort-160x200-cm')" 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-40957.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/u/surmatelas-160-viscot_0_1_3.jpg" loading="lazy" width="354" height="289" alt="Oplegmatras Confort - 160x200 cm"
title="Oplegmatras Confort - 160x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40957);" :title="compareData.getCompareLabel(40957)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40957)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/oplegmatras-confort-160x200-cm')">
<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/oplegmatras-confort-160x200-cm">
Oplegmatras Confort - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Le Roi du Matelas</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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbea46493() {
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__6700dbea46493()" @update-prices-40957.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40957" data-price-box="product-id-40957"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40957']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40957')" data-price-amount="129" data-price-type="finalPrice" class="price-wrapper " id="product-price-40957-1"><span class="price">€ 129,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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D40957']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40957')" data-price-amount="435" data-price-type="oldPrice" class="price-wrapper " id="old-price-40957-1"><span class="price">€ 435,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL29wbGVnbWF0cmFzLWNvbmZvcnQtMTYweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTgweDIwMC1jbQ~~/product/40953/
<form method="post" x-data="{itemData: initItem__6700dca1bfc83(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZGFtLTgweDIwMC1jbQ~~/product/40953/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40953">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40953">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/oplegmatras-confort-140x190-cm')" 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-40953.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/u/surmatelas-160-viscot_0_1_1.jpg" loading="lazy" width="354" height="289" alt="Oplegmatras Confort - 140x190 cm"
title="Oplegmatras Confort - 140x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40953);" :title="compareData.getCompareLabel(40953)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40953)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/oplegmatras-confort-140x190-cm')">
<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/oplegmatras-confort-140x190-cm">
Oplegmatras Confort - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Le Roi du Matelas</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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dca1bfc83() {
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__6700dca1bfc83()" @update-prices-40953.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40953" data-price-box="product-id-40953"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40953']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40953')" data-price-amount="99" data-price-type="finalPrice" class="price-wrapper " id="product-price-40953-1"><span class="price">€ 99,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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D40953']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40953')" data-price-amount="335" data-price-type="oldPrice" class="price-wrapper " id="old-price-40953-1"><span class="price">€ 335,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL29wbGVnbWF0cmFzLWNvbmZvcnQtMTQweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdmE0ZDBmNHFobG1ocXpjYnUwNTM3NjlsdG5wM2MtaXBoMWV0aTgwdg~~/product/40841/
<form method="post" x-data="{itemData: initItem__6700e5ac50bd1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdmE0ZDBmNHFobG1ocXpjYnUwNTM3NjlsdG5wM2MtaXBoMWV0aTgwdg~~/product/40841/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40841">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40841">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-80x200-cm')" 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-40841.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_2_4_7.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 80x200 cm" title="Matras Orion - 80x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40841);" :title="compareData.getCompareLabel(40841)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40841)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-orion-80x200-cm')">
<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-orion-80x200-cm">
Matras Orion - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e5ac50bd1() {
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__6700e5ac50bd1()" @update-prices-40841.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40841" data-price-box="product-id-40841"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40841']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40841')" data-price-amount="239" data-price-type="finalPrice" class="price-wrapper " id="product-price-40841-1"><span class="price">€ 239,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 x-data="" x-id="['old\u002Dprice\u002D40841']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40841')" data-price-amount="479" data-price-type="oldPrice" class="price-wrapper " id="old-price-40841-1"><span class="price">€ 479,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi04MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/40839/
<form method="post" x-data="{itemData: initItem__6700dbfedc1e5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/40839/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40839">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40839">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-70x200-cm')" 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-40839.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_2_4_6.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 70x200 cm" title="Matras Orion - 70x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40839);" :title="compareData.getCompareLabel(40839)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40839)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-orion-70x200-cm')">
<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-orion-70x200-cm">
Matras Orion - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbfedc1e5() {
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__6700dbfedc1e5()" @update-prices-40839.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40839" data-price-box="product-id-40839"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40839']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40839')" data-price-amount="239" data-price-type="finalPrice" class="price-wrapper " id="product-price-40839-1"><span class="price">€ 239,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 x-data="" x-id="['old\u002Dprice\u002D40839']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40839')" data-price-amount="479" data-price-type="oldPrice" class="price-wrapper " id="old-price-40839-1"><span class="price">€ 479,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi03MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/40837/
<form method="post" x-data="{itemData: initItem__6700dbfee01d4(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/40837/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40837">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40837">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-70x190-cm')" 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-40837.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_2_4_5.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 70x190 cm" title="Matras Orion - 70x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40837);" :title="compareData.getCompareLabel(40837)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40837)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-orion-70x190-cm')">
<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-orion-70x190-cm">
Matras Orion - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbfee01d4() {
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__6700dbfee01d4()" @update-prices-40837.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40837" data-price-box="product-id-40837"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40837']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40837')" data-price-amount="239" data-price-type="finalPrice" class="price-wrapper " id="product-price-40837-1"><span class="price">€ 239,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 x-data="" x-id="['old\u002Dprice\u002D40837']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40837')" data-price-amount="479" data-price-type="oldPrice" class="price-wrapper " id="old-price-40837-1"><span class="price">€ 479,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi03MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZhZmFlZjRxaGx2bTVhODlzZWg3aXl4OGQxYmF2LWZlbnd0bG9sN2o~/product/40733/
<form method="post" x-data="{itemData: initItem__6700e755ca964(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZhZmFlZjRxaGx2bTVhODlzZWg3aXl4OGQxYmF2LWZlbnd0bG9sN2o~/product/40733/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40733">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40733">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-120x200-cm')" 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-40733.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_2_4_4.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 120x200 cm" title="Matras Orion - 120x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40733);" :title="compareData.getCompareLabel(40733)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40733)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-orion-120x200-cm')">
<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-orion-120x200-cm">
Matras Orion - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e755ca964() {
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__6700e755ca964()" @update-prices-40733.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40733" data-price-box="product-id-40733"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40733']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40733')" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper " id="product-price-40733-1"><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 x-data="" x-id="['old\u002Dprice\u002D40733']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40733')" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper " id="old-price-40733-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xMjB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/40731/
<form method="post" x-data="{itemData: initItem__6700dbfeca187(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXMtbWV0LWVlbi1zbmVsbGUtbGV2ZXJ0aWpkP3V0bV9zb3VyY2U9YWZmaWxpYXRpb24mdXRtX21lZGl1bT1rd2Fua28mdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4M2RjZjRxZTVzZm1rNW4wcHM5bHpkZmI2MWN0LXQ3bGt4bHZjeGk~/product/40731/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40731">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40731">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-120x190-cm')" 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-40731.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_2_4_3.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 120x190 cm" title="Matras Orion - 120x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40731);" :title="compareData.getCompareLabel(40731)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40731)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-orion-120x190-cm')">
<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-orion-120x190-cm">
Matras Orion - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700dbfeca187() {
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__6700dbfeca187()" @update-prices-40731.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40731" data-price-box="product-id-40731"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40731']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40731')" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper " id="product-price-40731-1"><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 x-data="" x-id="['old\u002Dprice\u002D40731']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40731')" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper " id="old-price-40731-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xMjB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/40729/
<form method="post" x-data="{itemData: initItem__6700e72a830d3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/40729/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40729">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40729">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-120x200-cm')" 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-40729.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cocoon_1_5_5.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 120x200 cm"
title="Matras Cocoon - 120x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40729);" :title="compareData.getCompareLabel(40729)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40729)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-cocoon-120x200-cm')">
<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-cocoon-120x200-cm">
Matras Cocoon - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e72a830d3() {
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__6700e72a830d3()" @update-prices-40729.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40729" data-price-box="product-id-40729"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40729']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40729')" data-price-amount="389" data-price-type="finalPrice" class="price-wrapper " id="product-price-40729-1"><span class="price">€ 389,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D40729']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40729')" data-price-amount="979" data-price-type="oldPrice" class="price-wrapper " id="old-price-40729-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tMTIweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xMjB4MTkwLWNt/product/40727/
<form method="post" x-data="{itemData: initItem__6700e68b4e405(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xMjB4MTkwLWNt/product/40727/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40727">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40727">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-120x190-cm')" 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-40727.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cocoon_1_5_4.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 120x190 cm "
title="Matras Cocoon - 120x190 cm ">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40727);" :title="compareData.getCompareLabel(40727)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40727)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-cocoon-120x190-cm')">
<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-cocoon-120x190-cm">
Matras Cocoon - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e68b4e405() {
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__6700e68b4e405()" @update-prices-40727.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40727" data-price-box="product-id-40727"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40727']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40727')" data-price-amount="389" data-price-type="finalPrice" class="price-wrapper " id="product-price-40727-1"><span class="price">€ 389,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D40727']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40727')" data-price-amount="979" data-price-type="oldPrice" class="price-wrapper " id="old-price-40727-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tMTIweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/40725/
<form method="post" x-data="{itemData: initItem__6700e72a8d65f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi92b29ycmFhZHZlcmtvb3A_cD0yJnV0bV9jYW1wYWlnbj1kZXN0b2NrYWdlMTAyNCZ1dG1fbWVkaXVtPWZpZGVsaXNhdGlvbiZ1dG1fc291cmNlPWVtYWls/product/40725/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40725">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40725">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-apollo-120x200-cm')" 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-40725.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-apollo_1_6_2.png" loading="lazy" width="354" height="289" alt="Matras Apollo - 120x200 cm"
title="Matras Apollo - 120x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40725);" :title="compareData.getCompareLabel(40725)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40725)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-apollo-120x200-cm')">
<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-apollo-120x200-cm">
Matras Apollo - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e72a8d65f() {
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__6700e72a8d65f()" @update-prices-40725.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40725" data-price-box="product-id-40725"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40725']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40725')" data-price-amount="469" data-price-type="finalPrice" class="price-wrapper " id="product-price-40725-1"><span class="price">€ 469,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"> -60%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D40725']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40725')" data-price-amount="1179" data-price-type="oldPrice" class="price-wrapper " id="old-price-40725-1"><span class="price">€ 1.179,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tMTIweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xMjB4MTkwLWNt/product/40723/
<form method="post" x-data="{itemData: initItem__6700e68b32991(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xMjB4MTkwLWNt/product/40723/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40723">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40723">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-apollo-120x190-cm')" 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-40723.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-apollo_1_6_1.png" loading="lazy" width="354" height="289" alt="Matras Apollo - 120x190 cm"
title="Matras Apollo - 120x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40723);" :title="compareData.getCompareLabel(40723)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40723)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-apollo-120x190-cm')">
<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-apollo-120x190-cm">
Matras Apollo - 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"> 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e68b32991() {
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__6700e68b32991()" @update-prices-40723.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40723" data-price-box="product-id-40723"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40723']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40723')" data-price-amount="349" data-price-type="finalPrice" class="price-wrapper " id="product-price-40723-1"><span class="price">€ 349,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"> -70%</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D40723']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40723')" data-price-amount="1179" data-price-type="oldPrice" class="price-wrapper " id="old-price-40723-1"><span class="price">€ 1.179,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hcG9sbG8tMTIweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi8xMjB4MjAw/product/40705/
<form method="post" x-data="{itemData: initItem__6700e0f2c08a1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi8xMjB4MjAw/product/40705/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40705">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40705">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-120x200-cm')" 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-40705.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix-v2_2_1.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 120x200 cm"
title="Matras Bellatrix - 120x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40705);" :title="compareData.getCompareLabel(40705)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40705)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-bellatrix-120x200-cm')">
<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-bellatrix-120x200-cm">
Matras Bellatrix - 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"> 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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e0f2c08a1() {
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__6700e0f2c08a1()" @update-prices-40705.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40705" data-price-box="product-id-40705"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40705']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40705')" data-price-amount="349" data-price-type="finalPrice" class="price-wrapper " id="product-price-40705-1"><span class="price">€ 349,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 x-data="" x-id="['old\u002Dprice\u002D40705']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40705')" data-price-amount="699" data-price-type="oldPrice" class="price-wrapper " id="old-price-40705-1"><span class="price">€ 699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtMTIweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xMjB4MTkwLWNt/product/40703/
<form method="post" x-data="{itemData: initItem__6700e68b408eb(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xMjB4MTkwLWNt/product/40703/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40703">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="40703">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-120x190-cm')" 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-40703.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix-v2_2.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 120x190 cm"
title="Matras Bellatrix - 120x190 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(40703);" :title="compareData.getCompareLabel(40703)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40703)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-bellatrix-120x190-cm')">
<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-bellatrix-120x190-cm">
Matras Bellatrix - 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"> 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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6700e68b408eb() {
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__6700e68b408eb()" @update-prices-40703.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40703" data-price-box="product-id-40703"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D40703']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D40703')" data-price-amount="349" data-price-type="finalPrice" class="price-wrapper " id="product-price-40703-1"><span class="price">€ 349,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 x-data="" x-id="['old\u002Dprice\u002D40703']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D40703')" data-price-amount="699" data-price-type="oldPrice" class="price-wrapper " id="old-price-40703-1"><span class="price">€ 699,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtMTIweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTgwLTIwMA~~/product/36265/
<form method="post" x-data="{itemData: initItem__6700e56081b97(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTgwLTIwMA~~/product/36265/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36265">
<input name="form_key" type="hidden" value="M4PAGMoU5kvdzhR9"> <input type="hidden" name="product" value="36265">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-180x200-cm')" 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-36265.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-sensospring_2_3_3.jpg" loading="lazy" width="354" height="289" alt="Matras Sensospring - 180x200 cm"
title="Matras Sensospring - 180x200 cm">
</picture>
<span class="product_label red"> Voorraadverkoop </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(36265);" :title="compareData.getCompareLabel(36265)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36265)" xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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-sensospring-180x200-cm')">
<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-sensospring-180x200-cm">
Matras Sensospring - 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"> 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__6700e56081b97() {
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__6700e56081b97()" @update-prices-36265.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36265" data-price-box="product-id-36265"> <span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D36265']" class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span :id="$id('product\u002Dprice\u002D36265')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-36265-1"><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 x-data="" x-id="['old\u002Dprice\u002D36265']" class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span :id="$id('old\u002Dprice\u002D36265')" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper " id="old-price-36265-1"><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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZW5zb3NwcmluZy0xODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1727250535/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="M4PAGMoU5kvdzhR9">
<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/version1727250535/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
JavaScript seems to be disabled in your browser. For the best experience on our
site, be sure to turn on Javascript in your browser.
65 winkels en 4 miljoen klanten sinds 30 jaar
056 93 01 17 Ons contacteren Afspraak in de winkel
België
Belgique France Luxembourg
Skip to Content
Zoeken
ABBEVILLE
Mijn mand 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 Matras Zacht Matras Omhullend Matras Evenwichtig Matras 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 Enfile couette
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
Voorraadverkoop
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
chevron-left
chevron-right
MASSIEVE VOORRAADVERKOOP tot 70% korting
1. Huis
2. Matras
x
MATRAS
Mijn zoekactie verfijnen
Prijs
Min € 89
Max € 3.000
OK
Afmetingen
1. 60 x 120 cm (3)
60 x 120 cm 3
2. 70 x 140 cm (3)
70 x 140 cm 3
3. 70 x 190 cm (25)
70 x 190 cm 25
4. 70x200 cm (26)
70x200 cm 26
5. 80 x 190 cm (1)
80 x 190 cm 1
6. 80 x 200 cm (29)
80 x 200 cm 29
7. 90 x 190 cm (46)
90 x 190 cm 46
8. 90 x 200 cm (41)
90 x 200 cm 41
9. 120 x 190 cm (26)
120 x 190 cm 26
10. 120 x 200 cm (26)
120 x 200 cm 26
No value matching the search "null".
Show more+ Show less-
Comfort
1. Zacht comfort (70)
Zacht comfort 70
2. Omhullende comfort (107)
Omhullende comfort 107
3. Evenwichtig comfort (157)
Evenwichtig comfort 157
4. Stevig comfort (89)
Stevig comfort 89
No value matching the search "null".
Show more+ Show less-
Belangrijkste Technologie
1. Pocketveren (182)
Pocketveren 182
2. Polyurethaanschuim (56)
Polyurethaanschuim 56
3. Microveren (36)
Microveren 36
4. Koudschuim (34)
Koudschuim 34
5. Aeroflex schuim (32)
Aeroflex schuim 32
6. Hybrid schuim (27)
Hybrid schuim 27
7. Traagschuim (21)
Traagschuim 21
8. Bultex nano schuim (13)
Bultex nano schuim 13
9. Latex (11)
Latex 11
10. Polyether schuim (11)
Polyether schuim 11
No value matching the search "null".
Show more+ Show less-
Steun
1. Middelstevig (183)
Middelstevig 183
2. Stevig (223)
Stevig 223
3. Zeer stevig (14)
Zeer stevig 14
No value matching the search "null".
Show more+ Show less-
Dikte (cm)
1. 4 (3)
4 3
2. 9 (11)
9 11
3. 12 (6)
12 6
4. 14 (6)
14 6
5. 16 (16)
16 16
6. 17 (34)
17 34
7. 18 (27)
18 27
8. 19 (24)
19 24
9. 20 (23)
20 23
10. 21 (81)
21 81
No value matching the search "null".
Show more+ Show less-
Merk
1. Swissway (145)
Swissway 145
2. Oli (123)
Oli 123
3. Dorsoline (68)
Dorsoline 68
4. Art Bedding (33)
Art Bedding 33
5. Le Roi du Matelas (17)
Le Roi du Matelas 17
6. Bultex (13)
Bultex 13
7. Merinos (12)
Merinos 12
8. Epeda (10)
Epeda 10
9. Dreamway (2)
Dreamway 2
No value matching the search "null".
Show more+ Show less-
Productieland
1. Nederland (222)
Nederland 222
2. België (165)
België 165
3. Frankrijk (28)
Frankrijk 28
4. PRC (1)
PRC 1
No value matching the search "null".
Show more+ Show less-
Op Korting
1. Ja (140)
Ja 140
No value matching the search "null".
Show more+ Show less-
Zomerzijde / Winterzijde
1. Ja (86)
Ja 86
No value matching the search "null".
Show more+ Show less-
Voeringzijde A
1. Mousse de confort (208)
Mousse de confort 208
No value matching the search "null".
Show more+ Show less-
Latex dikte
1. 3 (9)
3 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 423
Items 1-60 of 423
Voorraadverkoop
Matras Helios - 140x190 cm
Dorsoline
Evenwichtig comfort Hybrid schuim
Special Price € 279,00 -70% Regular Price € 939,00
Detail
Voorraadverkoop
Matras Helios - 90x190 cm
Dorsoline
Evenwichtig comfort Hybrid schuim
Special Price € 179,00 -70% Regular Price € 599,00
Detail
Voorraadverkoop
Matras Aura - 160x200 cm
Dreamway
Stevig comfort Aeroflex schuim
Special Price € 679,00 -60% Regular Price € 1.699,00
Detail
Voorraadverkoop
Matras Aura - 90x190 cm
Dreamway
Stevig comfort Aeroflex schuim
Special Price € 439,00 -60% Regular Price € 1.099,00
Detail
Voorraadverkoop
Matras Hôtelier - 180x200 cm
Art Bedding
Omhullende comfort Pocketveren
Special Price € 1.469,00 -30% Regular Price € 2.099,00
Detail
Voorraadverkoop
Matras Hôtelier- 160x200 cm
Art Bedding
Omhullende comfort Pocketveren
Special Price € 1.329,00 -30% Regular Price € 1.899,00
Detail
Voorraadverkoop
Matras Hôtelier - 140x200 cm
Art Bedding
Omhullende comfort Pocketveren
Special Price € 1.189,00 -30% Regular Price € 1.699,00
Detail
Voorraadverkoop
Matras Hôtelier - 140x190 cm
Art Bedding
Omhullende comfort Pocketveren
Special Price € 1.189,00 -30% Regular Price € 1.699,00
Detail
Voorraadverkoop
Matras Hôtelier - 90x200 cm
Art Bedding
Omhullende comfort Pocketveren
Special Price € 909,00 -30% Regular Price € 1.299,00
Detail
Voorraadverkoop
Matras Hôtelier - 90x190 cm
Art Bedding
Omhullende comfort Pocketveren
€ 1.299,00
Detail
Voorraadverkoop
Matras Memo - 180x200 cm
Dorsoline
Omhullende comfort Aeroflex schuim
Special Price € 529,00 -60% Regular Price € 1.339,00
Detail
Voorraadverkoop
Matras Memo - 160x200 cm
Dorsoline
Omhullende comfort Aeroflex schuim
Special Price € 469,00 -60% Regular Price € 1.179,00
Detail
Voorraadverkoop
Matras Memo - 140x200 cm
Dorsoline
Omhullende comfort Polyurethaanschuim
Special Price € 389,00 -60% Regular Price € 989,00
Detail
Voorraadverkoop
Matras Memo - 140x190 cm
Dorsoline
Omhullende comfort Polyurethaanschuim
Special Price € 389,00 -60% Regular Price € 989,00
Detail
Voorraadverkoop
Matras Memo - 90x190 cm
Dorsoline
Omhullende comfort Polyurethaanschuim
Special Price € 319,00 -60% Regular Price € 805,00
Detail
Voorraadverkoop
Matras Marinière 2 - 180x200 cm
Merinos
Zacht comfort Pocketveren
Special Price € 989,00 -10% Regular Price € 1.099,00
Detail
Voorraadverkoop
Matras Marinière 2 - 160x200 cm
Merinos
Zacht comfort Pocketveren
Special Price € 779,00 -10% Regular Price € 869,00
Detail
Voorraadverkoop
Matras Marinière 2 - 140x200 cm
Merinos
Zacht comfort Pocketveren
Special Price € 669,00 -10% Regular Price € 749,00
Detail
Voorraadverkoop
Matras Marinière 2 - 140x190 cm
Merinos
Zacht comfort Pocketveren
Special Price € 669,00 -10% Regular Price € 749,00
Detail
Voorraadverkoop
Matras Marinière 2 - 90x200 cm
Merinos
Zacht comfort Pocketveren
Special Price € 499,00 -10% Regular Price € 559,00
Detail
Voorraadverkoop
Matras Marinière 2 - 90x190 cm
Merinos
Zacht comfort Pocketveren
Special Price € 499,00 -10% Regular Price € 559,00
Detail
Voorraadverkoop
Matras Mango - 180x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 869,00 -30% Regular Price € 1.245,00
Detail
Voorraadverkoop
Matras Mango - 160x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 799,00 -30% Regular Price € 1.145,00
Detail
Voorraadverkoop
Matras Mango - 140x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 679,00 -30% Regular Price € 970,00
Detail
Voorraadverkoop
Matras Mango - 140x190 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 679,00 -30% Regular Price € 970,00
Detail
Voorraadverkoop
Matras Mango - 90x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 559,00 -30% Regular Price € 799,00
Detail
Voorraadverkoop
Matras Mango - 90x190 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 559,00 -30% Regular Price € 799,00
Detail
Voorraadverkoop
Matras Sully - 180x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 1.079,00 -50% Regular Price € 2.169,00
Detail
Voorraadverkoop
Matras Sully - 160x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 919,00 -50% Regular Price € 1.839,00
Detail
Voorraadverkoop
Matras Sully - 140x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 749,00 -50% Regular Price € 1.499,00
Detail
Voorraadverkoop
Matras Sully - 90x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 579,00 -50% Regular Price € 1.169,00
Detail
Voorraadverkoop
Matras Monceau - 160x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 999,00 -50% Regular Price € 1.999,00
Detail
Voorraadverkoop
Matras Monceau - 140x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 829,00 -50% Regular Price € 1.669,00
Detail
Voorraadverkoop
Matras Monceau - 90x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 659,00 -50% Regular Price € 1.329,00
Detail
Voorraadverkoop
Exclu web
Matras Cocoon - 80x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 295,00 -60% Regular Price € 739,00
Detail
Voorraadverkoop
Exclu web
Matras Cocoon - 70x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 295,00 -60% Regular Price € 739,00
Detail
Voorraadverkoop
Exclu web
Matras Cocoon - 70x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 295,00 -60% Regular Price € 739,00
Detail
Voorraadverkoop
Matras Apollo - 80x200 cm
Oli
Omhullende comfort Polyurethaanschuim
Special Price € 259,00 -70% Regular Price € 879,00
Detail
Voorraadverkoop
Matras Apollo - 70x200 cm
Oli
Omhullende comfort Polyurethaanschuim
Special Price € 259,00 -70% Regular Price € 879,00
Detail
Voorraadverkoop
Matras Ergotech - 80x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 279,00 -60% Regular Price € 699,00
Detail
Voorraadverkoop
Matras Ergotech - 70x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 279,00 -60% Regular Price € 699,00
Detail
Voorraadverkoop
Matras Ergotech - 70x190 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 279,00 -60% Regular Price € 699,00
Detail
Voorraadverkoop
Matras Bellatrix - 80x200 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 269,00 -50% Regular Price € 539,00
Detail
Voorraadverkoop
Matras Bellatrix - 70x200 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 269,00 -50% Regular Price € 539,00
Detail
Voorraadverkoop
Matras Bellatrix - 70x190 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 269,00 -50% Regular Price € 539,00
Detail
Voorraadverkoop
Oplegmatras Confort - 180x200 cm
Le Roi du Matelas
Zacht comfort Polyurethaanschuim
Special Price € 149,00 -70% Regular Price € 499,00
Detail
Voorraadverkoop
Oplegmatras Confort - 160x200 cm
Le Roi du Matelas
Zacht comfort Polyurethaanschuim
Special Price € 129,00 -70% Regular Price € 435,00
Detail
Voorraadverkoop
Oplegmatras Confort - 140x190 cm
Le Roi du Matelas
Zacht comfort Polyurethaanschuim
Special Price € 99,00 -70% Regular Price € 335,00
Detail
Voorraadverkoop
Exclu web
Matras Orion - 80x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 239,00 -50% Regular Price € 479,00
Detail
Voorraadverkoop
Exclu web
Matras Orion - 70x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 239,00 -50% Regular Price € 479,00
Detail
Voorraadverkoop
Exclu web
Matras Orion - 70x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 239,00 -50% Regular Price € 479,00
Detail
Voorraadverkoop
Exclu web
Matras Orion - 120x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 299,00 -50% Regular Price € 599,00
Detail
Voorraadverkoop
Exclu web
Matras Orion - 120x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 299,00 -50% Regular Price € 599,00
Detail
Voorraadverkoop
Exclu web
Matras Cocoon - 120x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 389,00 -60% Regular Price € 979,00
Detail
Voorraadverkoop
Exclu web
Matras Cocoon - 120x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 389,00 -60% Regular Price € 979,00
Detail
Voorraadverkoop
Exclu web
Matras Apollo - 120x200 cm
Oli
Omhullende comfort Polyurethaanschuim
Special Price € 469,00 -60% Regular Price € 1.179,00
Detail
Voorraadverkoop
Exclu web
Matras Apollo - 120x190 cm
Oli
Omhullende comfort Polyurethaanschuim
Special Price € 349,00 -70% Regular Price € 1.179,00
Detail
Voorraadverkoop
Exclu web
Matras Bellatrix - 120x200 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 349,00 -50% Regular Price € 699,00
Detail
Voorraadverkoop
Exclu web
Matras Bellatrix - 120x190 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 349,00 -50% Regular Price € 699,00
Detail
Voorraadverkoop
Exclu web
Matras Sensospring - 180x200 cm
Oli
Evenwichtig comfort Pocketveren
Special Price € 459,00 -50% Regular Price € 919,00
Detail
1.
2. You're currently reading page 1
3. Pagina 2
4. Pagina 3
5. Pagina 4
6. Pagina 5
7.
Bekijk per pagina
60 items 90 items 120 items 150 items
per page
VERGELIJK PRODUCTEN
Vergelijk Verwijder alles
Kwaliteit tegen een minimumprijs
200 testnachten
Click & Collect 2u
Tot 4 keer zonder kosten
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 JUISTE MATRAS KIEZEN
We brengen een derde van ons leven in bed door, vandaar het belang van het
kiezen van de matras die het beste bij onze behoeften past om van een goede
nachtrust te genieten. De rol van de matras is belangrijk omdat deze de
bewegingen van ons lichaam tijdens onze slaap absorbeert. De matras gaat hand in
hand met de keuze van de lattenbodem. Door de combinatie van de twee kunt u uw
comfort optimaliseren en van maximale ondersteuning genieten.
DE VERSCHILLENDE SOORTEN MATRASSEN
Er zijn drie technologieën beschikbaar: latex, schuim of met veren. Het
belangrijkste is om te bepalen welke het beste bij u past. Dit op basis van uw
lichaamstype, uw comfort en wenscriteria.
LATEXMATRAS
Er zijn twee soorten latexmatrassen beschikbaar: natuurlijk of synthetisch.
Natuurlijke latex is een materiaal van plantaardige oorsprong afkomstig van het
sap van de rubberboom. De kern (of het hart) van de matras moet minimaal 10 cm
latex van rubberboom sap bevatten. Als de latexmatrassen minstens 85% latex van
natuurlijke oorsprong bevatten, wordt de vermelding "Natuurlijk" of "100%
natuurlijke oorsprong" toegekend.
SYNTHETISCHE LATEX IS EEN MENGSEL VAN NATUURLIJKE LATEX EN POLYURETHAAN.
Latexmatrassen zijn flexibel en stimulerend voor optimale zachtheid en bieden
een hoogwaardig comfort voor de slaper. Dankzij de lucht cellen zorgen de
latexmatrassen voor een goede natuurlijke ventilatie en voorkomen ze nachtelijk
zweten. Latex past zich aan alle lichaamstypes aan en is wederom zeer
comfortabel en bovendien hypoallergeen. De matrasdikte en
latexdichtheidscriteria zijn belangrijk. Hoe hoger de dichtheid, hoe langer de
levensduur van de matras. De dichtheidswaarden liggen tussen 60 en 90 kg / m3.
SCHUIMMATRAS
De schuimmatrassen zijn gemaakt van synthetisch materiaal. Er zijn 3 soorten
schuim: polyether, polyurethaan en Bultex.
* Het polyetherschuim heeft een dichtheid van 16 tot 30 kg / m3 met gesloten
cellen voor een basiscomfort.
* Het polyurethaanschuim heeft een dichtheid van 30 tot 60 kg / m3 met open
cellen voor meer comfort en een betere levensduur.
* Het 100% Bultex-schuim, specifiek van het merk Bultex, zorgt dankzij de
meervoudige cellen, voor meer ondersteuning en efficiëntere aanpassing aan de
lichaamsbouw.
De schuimmatrassen bieden stevig, tot zeer stevig comfort. Ze zijn wel gevoelig
voor vocht en moeten daarom op een lattenbodem geplaatst worden voor een betere
luchtcirculatie. Het schuim heeft het voordeel dat het na gebruik zijn perfecte
vorm terugkrijgt, een goede levensduur heeft, licht is in gewicht en gemakkelijk
te hanteren is. De schuimmatrassen hebben een goede prijs / comfort verhouding.
TRAAGSCHUIM MATRAS
Traagschuim matrassen zijn gemaakt van visco-elastisch of thermo-reactief schuim
dat op lichaamswarmte reageert en die zich perfect bij de rondingen van het
lichaam aansluit. Het visco-elastische schuim heeft een dichtheid van 40 tot 60
kg / m3 : hoe hoger de dichtheid, hoe beter het comfort en de ondersteuning. De
kern van de visco-elastische matras is minimaal 7 cm dik om de naam
"traagschuim" te mogen dragen. Het traagschuim verwijdert drukpunten en
bevordert een betere doorbloeding dankzij een betere verdeling van het lichaam
over de matras. Een traagschuim matras verlicht lage rugpijn en
gewrichtsproblemen. Ze bevorderen een goede nachtrust omdat ze ervoor zorgen 's
nachts minder te draaien. De traagschuim matras is niet geschikt voor mensen die
's nachts veel zweten omdat het lichaamswarmte ophoopt. Om een goede ventilatie
van de matras te bevorderen, is het absoluut noodzakelijk om een lattenbodem te
gebruiken.
VEER MATRAS
Pocketveren matrassen zijn de meest comfortabele matrassen op de markt. De
veermatrassen behoren tot de hoge standing door verschillende soorten veren aan
te bieden: ingekapseld, biconisch, multi-spiralen. Dankzij het feit dat ze de
drukpunten ontlasten bieden ze een perfecte ondersteuning van het lichaam. Het
aantal veren bepaalt de kwaliteit van de matras: hoe meer veren, hoe
comfortabeler de matras. De pocketvering matrassen zorgen voor een
slaaponafhankelijkheid, ideaal als je partner onrustig slaapt. Ze hebben een
goede ventilatie en worden aanbevolen voor mensen die het 's nachts warm hebben.
Voor een nog beter comfort, kan met een gestoffeerde bedbodem of strakke
lattenbodem met de pocketvering matras combineren.
VERSCHILLENDE AFMETINGEN
Om de maat van uw matras te kiezen, is het raadzaam om 20 cm aan uw lengte toe
te voegen. Het is belangrijk om rekening te houden met uw comfort en daarom uw
keuze aan uw behoeften en wensen aan te passen. Op dezelfde manier is de
configuratie van de slaapkamer een essentieel criterium. We mogen niet vergeten
dat breedte ook van belang is, wetende dat een slaper 40 keer per nacht draait.
De breedtes van 160 en 180 zijn belangrijk voor al met z'n twee slaapt en als u
verschillende maten hebt.
EEN MATRAS DAT ZICH AAN DE SEIZOENEN AANPAST
Het voordeel van een matras met een winterzijde en een zomerzijde is om tijdens
elk seizoen comfort te bieden. De winterzijde is dikker en heeft ook meer
vulling om de warmte beter te behouden. De zomerzijde heeft als voordeel dat de
padding lichter is en daardoor minder warm voor het lichaam is. Met een matras
dat zich aan de seizoenen aanpast kunt u genieten van een warmteverschil dankzij
de wisselbare zijde en ook om de matras minstens twee keer per jaar te draaien
om zijn levensduur te verlengen.
VIND ALLE MATEN MATRASSEN
* Matrassen 70x200
* Matrassen 80x200
* Matrassen 90x190
* Matrassen 90x200
* Matrassen 140x190
* Matrassen 140x200
* Matrassen 160x200 (Queen Size)
* Matrassen 180x200
* Matrassen 200x200 (King Size)
* Matrassen Baby en kinderbedden
* Schuim matras
* Latex matras
* Traagschuim matras
* Veren matras
* Babymatras
* Oplegmatras
* Matras Zacht
* Matras Omhullend
* 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
* Voorraadverkoop
* Solden
* Algemene verkoopvoorwaarden voor winkels
* Algemene verkoopvoorwaarden op internet
* Wettelijke Bepalingen
* Persoonlijke gegevens
*
*
*
Copyright © 2022. All rights reserved.
X