www.de-matrassenkoning.be
Open in
urlscan Pro
146.185.45.35
Public Scan
Submitted URL: https://t.enews.de-matrassenkoning.be/c/?t=cb20079-8me-9s!-11k-159mk
Effective URL: https://www.de-matrassenkoning.be/bedbodem?utm_source=email&utm_medium=fidelisation&utm_campaign=jingledays1224benl
Submission: On December 11 via api from BE — Scanned from DE
Effective URL: https://www.de-matrassenkoning.be/bedbodem?utm_source=email&utm_medium=fidelisation&utm_campaign=jingledays1224benl
Submission: On December 11 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/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNpcnNlLTcweDE5MC1jbQ~~/product/30303/
<form method="post" x-data="{itemData: initItem__6759135283421(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNpcnNlLTcweDE5MC1jbQ~~/product/30303/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="30303">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30303">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-max-fixe-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-30303.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-flex-max-f_1.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Max Fixe - 70x190 cm"
title="Lattenbodem Flex Max Fixe - 70x190 cm">
</picture>
<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(30303);" :title="compareData.getCompareLabel(30303)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30303)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-max-fixe-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/lattenbodem-flex-max-fixe-70x190-cm">
Lattenbodem Flex Max Fixe - 70x190 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759135283421() {
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__6759135283421()" @update-prices-30303.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30303" data-price-box="product-id-30303"> <span x-data="" x-id="['product\u002Dprice\u002D30303']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30303')" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper " id="product-price-30303-1"><span class="price">€ 219,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtbWF4LWZpeGUtNzB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iaWxvYmEtNzB4MjAwLWNt/product/30305/
<form method="post" x-data="{itemData: initItem__67590b5a7e8fc(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iaWxvYmEtNzB4MjAwLWNt/product/30305/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="30305">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30305">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-max-fixe-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-30305.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-flex-max-f_1_1.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Max Fixe - 70x200 cm"
title="Lattenbodem Flex Max Fixe - 70x200 cm">
</picture>
<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(30305);" :title="compareData.getCompareLabel(30305)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30305)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-max-fixe-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/lattenbodem-flex-max-fixe-70x200-cm">
Lattenbodem Flex Max Fixe - 70x200 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590b5a7e8fc() {
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__67590b5a7e8fc()" @update-prices-30305.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30305" data-price-box="product-id-30305"> <span x-data="" x-id="['product\u002Dprice\u002D30305']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30305')" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper " id="product-price-30305-1"><span class="price">€ 219,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtbWF4LWZpeGUtNzB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi16aW5rLWthdG9lbi0yNS0xMjB4MjAwLWNt/product/30307/
<form method="post" x-data="{itemData: initItem__67590b88b1323(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi16aW5rLWthdG9lbi0yNS0xMjB4MjAwLWNt/product/30307/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="30307">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30307">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-max-fixe-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-30307.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-flex-max-f_1_2.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Max Fixe - 80x200 cm"
title="Lattenbodem Flex Max Fixe - 80x200 cm">
</picture>
<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(30307);" :title="compareData.getCompareLabel(30307)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30307)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-max-fixe-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/lattenbodem-flex-max-fixe-80x200-cm">
Lattenbodem Flex Max Fixe - 80x200 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590b88b1323() {
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__67590b88b1323()" @update-prices-30307.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30307" data-price-box="product-id-30307"> <span x-data="" x-id="['product\u002Dprice\u002D30307']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30307')" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper " id="product-price-30307-1"><span class="price">€ 219,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtbWF4LWZpeGUtODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNhbGxhLWRlY28tYm91Y2xlLXdpdC0xNjB4MjAwLWNt/product/30309/
<form method="post" x-data="{itemData: initItem__67590bf8ea893(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNhbGxhLWRlY28tYm91Y2xlLXdpdC0xNjB4MjAwLWNt/product/30309/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="30309">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30309">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-max-fixe-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-30309.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-flex-max-f_1_3.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Max Fixe - 90x190 cm"
title="Lattenbodem Flex Max Fixe - 90x190 cm">
</picture>
<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(30309);" :title="compareData.getCompareLabel(30309)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30309)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-max-fixe-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/lattenbodem-flex-max-fixe-90x190-cm">
Lattenbodem Flex Max Fixe - 90x190 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590bf8ea893() {
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__67590bf8ea893()" @update-prices-30309.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30309" data-price-box="product-id-30309"> <span x-data="" x-id="['product\u002Dprice\u002D30309']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30309')" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper " id="product-price-30309-1"><span class="price">€ 219,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtbWF4LWZpeGUtOTB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNhbGxhLWRlY28tZ3JleS05MHgyMDAtY20~/product/30311/
<form method="post" x-data="{itemData: initItem__67590c3eb0115(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNhbGxhLWRlY28tZ3JleS05MHgyMDAtY20~/product/30311/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="30311">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30311">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-max-fixe-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-30311.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-flex-max-f_1_4.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Max Fixe - 90x200 cm"
title="Lattenbodem Flex Max Fixe - 90x200 cm">
</picture>
<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(30311);" :title="compareData.getCompareLabel(30311)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30311)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-max-fixe-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/lattenbodem-flex-max-fixe-90x200-cm">
Lattenbodem Flex Max Fixe - 90x200 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590c3eb0115() {
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__67590c3eb0115()" @update-prices-30311.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30311" data-price-box="product-id-30311"> <span x-data="" x-id="['product\u002Dprice\u002D30311']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30311')" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper " id="product-price-30311-1"><span class="price">€ 219,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtbWF4LWZpeGUtOTB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbj9wPTE2/product/30351/
<form method="post" x-data="{itemData: initItem__67590b8d3b8f7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbj9wPTE2/product/30351/" class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="30351">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30351">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-extra-fixe-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-30351.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-flexextraf_1_1_4.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Extra Fixe - 90x190 cm"
title="Lattenbodem Flex Extra Fixe - 90x190 cm">
</picture>
<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(30351);" :title="compareData.getCompareLabel(30351)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30351)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-extra-fixe-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/lattenbodem-flex-extra-fixe-90x190-cm">
Lattenbodem Flex Extra Fixe - 90x190 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590b8d3b8f7() {
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__67590b8d3b8f7()" @update-prices-30351.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30351" data-price-box="product-id-30351"> <span x-data="" x-id="['product\u002Dprice\u002D30351']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30351')" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper " id="product-price-30351-1"><span class="price">€ 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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtZXh0cmEtZml4ZS05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNhbGxhLTcweDE5MC1jbQ~~/product/30357/
<form method="post" x-data="{itemData: initItem__6759107043c11(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNhbGxhLTcweDE5MC1jbQ~~/product/30357/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="30357">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30357">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-extra-fixe-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-30357.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-flexextraf_1_5.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Extra Fixe - 120x200 cm"
title="Lattenbodem Flex Extra Fixe - 120x200 cm">
</picture>
<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(30357);" :title="compareData.getCompareLabel(30357)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30357)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-extra-fixe-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/lattenbodem-flex-extra-fixe-120x200-cm">
Lattenbodem Flex Extra Fixe - 120x200 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759107043c11() {
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__6759107043c11()" @update-prices-30357.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30357" data-price-box="product-id-30357"> <span x-data="" x-id="['product\u002Dprice\u002D30357']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30357')" data-price-amount="319" data-price-type="finalPrice" class="price-wrapper " id="product-price-30357-1"><span class="price">€ 319,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtZXh0cmEtZml4ZS0xMjB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/30355/
<form method="post" x-data="{itemData: initItem__67591359d86cb(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/30355/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="30355">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30355">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-extra-fixe-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-30355.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-flexextraf_1_1_6.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Extra Fixe - 120x190 cm"
title="Lattenbodem Flex Extra Fixe - 120x190 cm">
</picture>
<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(30355);" :title="compareData.getCompareLabel(30355)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30355)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-extra-fixe-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/lattenbodem-flex-extra-fixe-120x190-cm">
Lattenbodem Flex Extra Fixe - 120x190 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67591359d86cb() {
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__67591359d86cb()" @update-prices-30355.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30355" data-price-box="product-id-30355"> <span x-data="" x-id="['product\u002Dprice\u002D30355']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30355')" data-price-amount="319" data-price-type="finalPrice" class="price-wrapper " id="product-price-30355-1"><span class="price">€ 319,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtZXh0cmEtZml4ZS0xMjB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbj9wPTE2/product/30353/
<form method="post" x-data="{itemData: initItem__67590b8d2ebc9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbj9wPTE2/product/30353/" class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="30353">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="30353">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/lattenbodem-flex-extra-fixe-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-30353.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-flexextraf_1_1_5.png" loading="lazy" width="354" height="289" alt="Lattenbodem Flex Extra Fixe - 90x200 cm"
title="Lattenbodem Flex Extra Fixe - 90x200 cm">
</picture>
<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(30353);" :title="compareData.getCompareLabel(30353)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(30353)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/lattenbodem-flex-extra-fixe-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/lattenbodem-flex-extra-fixe-90x200-cm">
Lattenbodem Flex Extra Fixe - 90x200 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"> Massief hout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590b8d2ebc9() {
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__67590b8d2ebc9()" @update-prices-30353.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="30353" data-price-box="product-id-30353"> <span x-data="" x-id="['product\u002Dprice\u002D30353']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D30353')" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper " id="product-price-30353-1"><span class="price">€ 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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2xhdHRlbmJvZGVtLWZsZXgtZXh0cmEtZml4ZS05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWFzaGdyZXktMTYweDIwMC1jbQ~~/product/34121/
<form method="post" x-data="{itemData: initItem__67590daa8d09c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWFzaGdyZXktMTYweDIwMC1jbQ~~/product/34121/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="34121">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34121">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34121.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-calla-deco-boucleblanc_1_6.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 180x200 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 180x200 cm">
</picture>
<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(34121);" :title="compareData.getCompareLabel(34121)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34121)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-180x200-cm">
Bedbodem Cosmos Deco Boucle Wit - 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590daa8d09c() {
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__67590daa8d09c()" @update-prices-34121.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34121" data-price-box="product-id-34121"> <span x-data="" x-id="['product\u002Dprice\u002D34121']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34121')" data-price-amount="689" data-price-type="finalPrice" class="price-wrapper " id="product-price-34121-1"><span class="price">€ 689,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtMTgweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34119/
<form method="post" x-data="{itemData: initItem__67590db151985(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34119/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="34119">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34119">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34119.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-calla-deco-boucleblanc_1_5.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 160x200 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 160x200 cm">
</picture>
<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(34119);" :title="compareData.getCompareLabel(34119)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34119)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-160x200-cm">
Bedbodem Cosmos Deco Boucle Wit - 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db151985() {
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__67590db151985()" @update-prices-34119.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34119" data-price-box="product-id-34119"> <span x-data="" x-id="['product\u002Dprice\u002D34119']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34119')" data-price-amount="619" data-price-type="finalPrice" class="price-wrapper " id="product-price-34119-1"><span class="price">€ 619,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtMTYweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34117/
<form method="post" x-data="{itemData: initItem__67590db165f43(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34117/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="34117">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34117">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34117.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-calla-deco-boucleblanc_1_4.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 140x200 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 140x200 cm">
</picture>
<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(34117);" :title="compareData.getCompareLabel(34117)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34117)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-140x200-cm">
Bedbodem Cosmos Deco Boucle Wit - 140x200 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db165f43() {
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__67590db165f43()" @update-prices-34117.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34117" data-price-box="product-id-34117"> <span x-data="" x-id="['product\u002Dprice\u002D34117']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34117')" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper " id="product-price-34117-1"><span class="price">€ 569,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtMTQweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34115/
<form method="post" x-data="{itemData: initItem__67590db16f86f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34115/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="34115">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34115">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34115.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-calla-deco-boucleblanc_1_3.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 140x190 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 140x190 cm">
</picture>
<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(34115);" :title="compareData.getCompareLabel(34115)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34115)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-140x190-cm">
Bedbodem Cosmos Deco Boucle Wit - 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db16f86f() {
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__67590db16f86f()" @update-prices-34115.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34115" data-price-box="product-id-34115"> <span x-data="" x-id="['product\u002Dprice\u002D34115']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34115')" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper " id="product-price-34115-1"><span class="price">€ 569,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtMTQweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJsYXV3LTgweDIwMC1jbQ~~/product/34113/
<form method="post" x-data="{itemData: initItem__67590da3e03cf(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJsYXV3LTgweDIwMC1jbQ~~/product/34113/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="34113">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34113">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34113.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-calla-deco-boucleblanc_1_9.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 90x200 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 90x200 cm">
</picture>
<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(34113);" :title="compareData.getCompareLabel(34113)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34113)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-90x200-cm">
Bedbodem Cosmos Deco Boucle Wit - 90x200 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590da3e03cf() {
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__67590da3e03cf()" @update-prices-34113.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34113" data-price-box="product-id-34113"> <span x-data="" x-id="['product\u002Dprice\u002D34113']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34113')" data-price-amount="469" data-price-type="finalPrice" class="price-wrapper " id="product-price-34113-1"><span class="price">€ 469,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtOTB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34111/
<form method="post" x-data="{itemData: initItem__67590db171dc3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34111/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="34111">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34111">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34111.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-calla-deco-boucleblanc_1_8.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 90x190 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 90x190 cm">
</picture>
<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(34111);" :title="compareData.getCompareLabel(34111)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34111)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-90x190-cm">
Bedbodem Cosmos Deco Boucle Wit - 90x190 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db171dc3() {
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__67590db171dc3()" @update-prices-34111.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34111" data-price-box="product-id-34111"> <span x-data="" x-id="['product\u002Dprice\u002D34111']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34111')" data-price-amount="469" data-price-type="finalPrice" class="price-wrapper " id="product-price-34111-1"><span class="price">€ 469,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtOTB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34109/
<form method="post" x-data="{itemData: initItem__67590db174132(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34109/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="34109">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34109">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34109.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-calla-deco-boucleblanc_1_7.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 80x200 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 80x200 cm">
</picture>
<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(34109);" :title="compareData.getCompareLabel(34109)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34109)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-80x200-cm">
Bedbodem Cosmos Deco Boucle Wit - 80x200 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db174132() {
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__67590db174132()" @update-prices-34109.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34109" data-price-box="product-id-34109"> <span x-data="" x-id="['product\u002Dprice\u002D34109']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34109')" data-price-amount="469" data-price-type="finalPrice" class="price-wrapper " id="product-price-34109-1"><span class="price">€ 469,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtODB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/34107/
<form method="post" x-data="{itemData: initItem__67591359f1839(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/34107/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="34107">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34107">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34107.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-calla-deco-boucleblanc_1_6.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 70x200 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 70x200 cm">
</picture>
<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(34107);" :title="compareData.getCompareLabel(34107)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34107)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-70x200-cm">
Bedbodem Cosmos Deco Boucle Wit - 70x200 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67591359f1839() {
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__67591359f1839()" @update-prices-34107.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34107" data-price-box="product-id-34107"> <span x-data="" x-id="['product\u002Dprice\u002D34107']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34107')" data-price-amount="469" data-price-type="finalPrice" class="price-wrapper " id="product-price-34107-1"><span class="price">€ 469,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtNzB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34105/
<form method="post" x-data="{itemData: initItem__67590db17c7a7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/34105/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="34105">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="34105">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cosmos-deco-boucle-wit-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-34105.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-calla-deco-boucleblanc_1_5.png" loading="lazy" width="354" height="289" alt="Bedbodem Cosmos Deco Boucle Wit - 70x190 cm"
title="Bedbodem Cosmos Deco Boucle Wit - 70x190 cm">
</picture>
<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(34105);" :title="compareData.getCompareLabel(34105)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(34105)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cosmos-deco-boucle-wit-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/bedbodem-cosmos-deco-boucle-wit-70x190-cm">
Bedbodem Cosmos Deco Boucle Wit - 70x190 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"> Actieve beuken latten en wit sparren frame </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db17c7a7() {
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__67590db17c7a7()" @update-prices-34105.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34105" data-price-box="product-id-34105"> <span x-data="" x-id="['product\u002Dprice\u002D34105']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D34105')" data-price-amount="469" data-price-type="finalPrice" class="price-wrapper " id="product-price-34105-1"><span class="price">€ 469,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtNzB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLXp3YXJ0LTgweDIwMC1jbQ~~/product/33985/
<form method="post" x-data="{itemData: initItem__67590e698e12b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLXp3YXJ0LTgweDIwMC1jbQ~~/product/33985/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33985">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33985">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-zwart-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-33985.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-similinoir_1_2_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Zwart - 140x200 cm"
title="Bedbodem Cronos Zwart - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33985);" :title="compareData.getCompareLabel(33985)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33985)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-zwart-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/bedbodem-cronos-zwart-140x200-cm">
Bedbodem Cronos Zwart - 140x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590e698e12b() {
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__67590e698e12b()" @update-prices-33985.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33985" data-price-box="product-id-33985"> <span x-data="" x-id="['product\u002Dprice\u002D33985']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33985')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33985-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33983/
<form method="post" x-data="{itemData: initItem__67590db185667(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33983/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33983">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33983">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-zwart-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-33983.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-similinoir_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Zwart - 140x190 cm"
title="Bedbodem Cronos Zwart - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33983);" :title="compareData.getCompareLabel(33983)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33983)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-zwart-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/bedbodem-cronos-zwart-140x190-cm">
Bedbodem Cronos Zwart - 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db185667() {
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__67590db185667()" @update-prices-33983.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33983" data-price-box="product-id-33983"> <span x-data="" x-id="['product\u002Dprice\u002D33983']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33983')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33983-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33981/
<form method="post" x-data="{itemData: initItem__67590db18d4c2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33981/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33981">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33981">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-zwart-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-33981.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-similinoir_1_4.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Zwart - 90x200 cm"
title="Bedbodem Cronos Zwart - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33981);" :title="compareData.getCompareLabel(33981)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33981)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-zwart-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/bedbodem-cronos-zwart-90x200-cm">
Bedbodem Cronos Zwart - 90x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db18d4c2() {
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__67590db18d4c2()" @update-prices-33981.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33981" data-price-box="product-id-33981"> <span x-data="" x-id="['product\u002Dprice\u002D33981']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33981')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33981-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi16aW5rLWthdG9lbi0zMC0yMDB4MjAwLWNt/product/33979/
<form method="post" x-data="{itemData: initItem__67590f714fa8a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi16aW5rLWthdG9lbi0zMC0yMDB4MjAwLWNt/product/33979/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33979">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33979">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-zwart-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-33979.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-similinoir_1_3.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Zwart - 90x190 cm"
title="Bedbodem Cronos Zwart - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33979);" :title="compareData.getCompareLabel(33979)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33979)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-zwart-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/bedbodem-cronos-zwart-90x190-cm">
Bedbodem Cronos Zwart - 90x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590f714fa8a() {
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__67590f714fa8a()" @update-prices-33979.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33979" data-price-box="product-id-33979"> <span x-data="" x-id="['product\u002Dprice\u002D33979']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33979')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33979-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33977/
<form method="post" x-data="{itemData: initItem__6759135a0b591(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33977/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33977">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33977">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-zwart-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-33977.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-similinoir_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Zwart - 80x200 cm"
title="Bedbodem Cronos Zwart - 80x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33977);" :title="compareData.getCompareLabel(33977)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33977)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-zwart-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/bedbodem-cronos-zwart-80x200-cm">
Bedbodem Cronos Zwart - 80x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759135a0b591() {
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__6759135a0b591()" @update-prices-33977.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33977" data-price-box="product-id-33977"> <span x-data="" x-id="['product\u002Dprice\u002D33977']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33977')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33977-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC04MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJsYXV3LTgweDIwMC1jbQ~~/product/33975/
<form method="post" x-data="{itemData: initItem__67590da3dd3cb(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJsYXV3LTgweDIwMC1jbQ~~/product/33975/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33975">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33975">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/catalog/product/view/id/33975/s/bedbodem-cronos-zwart-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-33975.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-similinoir_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Zwart - 70x200 cm"
title="Bedbodem Cronos Zwart - 70x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33975);" :title="compareData.getCompareLabel(33975)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33975)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/catalog/product/view/id/33975/s/bedbodem-cronos-zwart-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/catalog/product/view/id/33975/s/bedbodem-cronos-zwart-70x200-cm/">
Bedbodem Cronos Zwart - 70x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590da3dd3cb() {
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__67590da3dd3cb()" @update-prices-33975.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33975" data-price-box="product-id-33975"> <span x-data="" x-id="['product\u002Dprice\u002D33975']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33975')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33975-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2NhdGFsb2cvcHJvZHVjdC92aWV3L2lkLzMzOTc1L3MvYmVkYm9kZW0tY3Jvbm9zLXp3YXJ0LTcweDIwMC1jbS8=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33973/
<form method="post" x-data="{itemData: initItem__67590db19521f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33973/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33973">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33973">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-zwart-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-33973.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-similinoir_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Zwart - 70x190 cm"
title="Bedbodem Cronos Zwart - 70x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33973);" :title="compareData.getCompareLabel(33973)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33973)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-zwart-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/bedbodem-cronos-zwart-70x190-cm">
Bedbodem Cronos Zwart - 70x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db19521f() {
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__67590db19521f()" @update-prices-33973.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33973" data-price-box="product-id-33973"> <span x-data="" x-id="['product\u002Dprice\u002D33973']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33973')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33973-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC03MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33943/
<form method="post" x-data="{itemData: initItem__67590db19ca7c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33943/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33943">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33943">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-taupe-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-33943.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-taupe_1_2_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Taupe - 140x200 cm"
title="Bedbodem Cronos Taupe - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33943);" :title="compareData.getCompareLabel(33943)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33943)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-taupe-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/bedbodem-cronos-taupe-140x200-cm">
Bedbodem Cronos Taupe - 140x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db19ca7c() {
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__67590db19ca7c()" @update-prices-33943.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33943" data-price-box="product-id-33943"> <span x-data="" x-id="['product\u002Dprice\u002D33943']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33943')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33943-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy10YXVwZS0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtOTB4MTkwLWNt/product/33941/
<form method="post" x-data="{itemData: initItem__67590d0162663(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWJvdWNsZS13aXQtOTB4MTkwLWNt/product/33941/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33941">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33941">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-taupe-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-33941.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-taupe_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Taupe - 140x190 cm"
title="Bedbodem Cronos Taupe - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33941);" :title="compareData.getCompareLabel(33941)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33941)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-taupe-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/bedbodem-cronos-taupe-140x190-cm">
Bedbodem Cronos Taupe - 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590d0162663() {
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__67590d0162663()" @update-prices-33941.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33941" data-price-box="product-id-33941"> <span x-data="" x-id="['product\u002Dprice\u002D33941']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33941')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33941-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy10YXVwZS0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33939/
<form method="post" x-data="{itemData: initItem__6759135a19e51(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33939/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33939">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33939">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-taupe-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-33939.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-taupe_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Taupe - 90x200 cm"
title="Bedbodem Cronos Taupe - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33939);" :title="compareData.getCompareLabel(33939)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33939)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-taupe-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/bedbodem-cronos-taupe-90x200-cm">
Bedbodem Cronos Taupe - 90x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759135a19e51() {
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__6759135a19e51()" @update-prices-33939.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33939" data-price-box="product-id-33939"> <span x-data="" x-id="['product\u002Dprice\u002D33939']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33939')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33939-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy10YXVwZS05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33937/
<form method="post" x-data="{itemData: initItem__67590db1a5add(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33937/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33937">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33937">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-taupe-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-33937.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-taupe_1_4.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Taupe - 90x190 cm"
title="Bedbodem Cronos Taupe - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33937);" :title="compareData.getCompareLabel(33937)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33937)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-taupe-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/bedbodem-cronos-taupe-90x190-cm">
Bedbodem Cronos Taupe - 90x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1a5add() {
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__67590db1a5add()" @update-prices-33937.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33937" data-price-box="product-id-33937"> <span x-data="" x-id="['product\u002Dprice\u002D33937']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33937')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33937-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy10YXVwZS05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33935/
<form method="post" x-data="{itemData: initItem__67590db1ae55b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33935/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33935">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33935">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-taupe-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-33935.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-taupe_1_3.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Taupe - 80x200 cm"
title="Bedbodem Cronos Taupe - 80x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33935);" :title="compareData.getCompareLabel(33935)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33935)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-taupe-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/bedbodem-cronos-taupe-80x200-cm">
Bedbodem Cronos Taupe - 80x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1ae55b() {
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__67590db1ae55b()" @update-prices-33935.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33935" data-price-box="product-id-33935"> <span x-data="" x-id="['product\u002Dprice\u002D33935']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33935')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33935-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy10YXVwZS04MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS03MHgyMDAtY20~/product/33933/
<form method="post" x-data="{itemData: initItem__675911094916c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS03MHgyMDAtY20~/product/33933/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33933">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33933">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-taupe-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-33933.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-taupe_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Taupe - 70x200 cm"
title="Bedbodem Cronos Taupe - 70x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33933);" :title="compareData.getCompareLabel(33933)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33933)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-taupe-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/bedbodem-cronos-taupe-70x200-cm">
Bedbodem Cronos Taupe - 70x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__675911094916c() {
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__675911094916c()" @update-prices-33933.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33933" data-price-box="product-id-33933"> <span x-data="" x-id="['product\u002Dprice\u002D33933']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33933')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33933-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy10YXVwZS03MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33931/
<form method="post" x-data="{itemData: initItem__6759135a27140(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33931/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33931">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33931">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-taupe-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-33931.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-taupe_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Taupe - 70x190 cm"
title="Bedbodem Cronos Taupe - 70x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33931);" :title="compareData.getCompareLabel(33931)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33931)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-taupe-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/bedbodem-cronos-taupe-70x190-cm">
Bedbodem Cronos Taupe - 70x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759135a27140() {
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__6759135a27140()" @update-prices-33931.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33931" data-price-box="product-id-33931"> <span x-data="" x-id="['product\u002Dprice\u002D33931']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33931')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33931-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy10YXVwZS03MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLXp3YXJ0LTEyMHgyMDAtY20~/product/33929/
<form method="post" x-data="{itemData: initItem__67590949d34bc(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLXp3YXJ0LTEyMHgyMDAtY20~/product/33929/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33929">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33929">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-blauw-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-33929.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-royalblue_1_2_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Blauw - 140x200 cm"
title="Bedbodem Cronos Blauw - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33929);" :title="compareData.getCompareLabel(33929)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33929)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-blauw-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/bedbodem-cronos-blauw-140x200-cm">
Bedbodem Cronos Blauw - 140x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590949d34bc() {
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__67590949d34bc()" @update-prices-33929.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33929" data-price-box="product-id-33929"> <span x-data="" x-id="['product\u002Dprice\u002D33929']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33929')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33929-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ibGF1dy0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33927/
<form method="post" x-data="{itemData: initItem__67590db1b7561(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33927/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33927">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33927">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-blauw-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-33927.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-royalblue_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Blauw - 140x190 cm"
title="Bedbodem Cronos Blauw - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33927);" :title="compareData.getCompareLabel(33927)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33927)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-blauw-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/bedbodem-cronos-blauw-140x190-cm">
Bedbodem Cronos Blauw - 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1b7561() {
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__67590db1b7561()" @update-prices-33927.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33927" data-price-box="product-id-33927"> <span x-data="" x-id="['product\u002Dprice\u002D33927']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33927')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33927-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ibGF1dy0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33925/
<form method="post" x-data="{itemData: initItem__6759135a337ae(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33925/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33925">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33925">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-blauw-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-33925.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-royalblue_1_3.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Blauw - 90x200 cm"
title="Bedbodem Cronos Blauw - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33925);" :title="compareData.getCompareLabel(33925)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33925)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-blauw-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/bedbodem-cronos-blauw-90x200-cm">
Bedbodem Cronos Blauw - 90x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759135a337ae() {
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__6759135a337ae()" @update-prices-33925.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33925" data-price-box="product-id-33925"> <span x-data="" x-id="['product\u002Dprice\u002D33925']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33925')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33925-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ibGF1dy05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi10YXVwZS1rYXRvZW4tMjUtNzB4MTkwLWNt/product/33923/
<form method="post" x-data="{itemData: initItem__6759100e21e00(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi10YXVwZS1rYXRvZW4tMjUtNzB4MTkwLWNt/product/33923/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33923">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33923">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-blauw-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-33923.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-royalblue_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Blauw - 90x190 cm"
title="Bedbodem Cronos Blauw - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33923);" :title="compareData.getCompareLabel(33923)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33923)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-blauw-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/bedbodem-cronos-blauw-90x190-cm">
Bedbodem Cronos Blauw - 90x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759100e21e00() {
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__6759100e21e00()" @update-prices-33923.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33923" data-price-box="product-id-33923"> <span x-data="" x-id="['product\u002Dprice\u002D33923']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33923')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33923-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ibGF1dy05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33921/
<form method="post" x-data="{itemData: initItem__67590db1c1cfa(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33921/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33921">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33921">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-blauw-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-33921.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-royalblue_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Blauw - 80x200 cm"
title="Bedbodem Cronos Blauw - 80x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33921);" :title="compareData.getCompareLabel(33921)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33921)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-blauw-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/bedbodem-cronos-blauw-80x200-cm">
Bedbodem Cronos Blauw - 80x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1c1cfa() {
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__67590db1c1cfa()" @update-prices-33921.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33921" data-price-box="product-id-33921"> <span x-data="" x-id="['product\u002Dprice\u002D33921']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33921')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33921-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ibGF1dy04MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33919/
<form method="post" x-data="{itemData: initItem__67590db1ca085(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33919/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33919">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33919">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-blauw-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-33919.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-royalblue_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Blauw - 70x200 cm"
title="Bedbodem Cronos Blauw - 70x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33919);" :title="compareData.getCompareLabel(33919)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33919)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-blauw-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/bedbodem-cronos-blauw-70x200-cm">
Bedbodem Cronos Blauw - 70x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1ca085() {
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__67590db1ca085()" @update-prices-33919.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33919" data-price-box="product-id-33919"> <span x-data="" x-id="['product\u002Dprice\u002D33919']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33919')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33919-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ibGF1dy03MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33917/
<form method="post" x-data="{itemData: initItem__67590db1d3e4e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33917/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33917">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33917">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-blauw-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-33917.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-royalblue_1_2_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Blauw - 70x190 cm"
title="Bedbodem Cronos Blauw - 70x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33917);" :title="compareData.getCompareLabel(33917)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33917)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-blauw-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/bedbodem-cronos-blauw-70x190-cm">
Bedbodem Cronos Blauw - 70x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1d3e4e() {
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__67590db1d3e4e()" @update-prices-33917.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33917" data-price-box="product-id-33917"> <span x-data="" x-id="['product\u002Dprice\u002D33917']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33917')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33917-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ibGF1dy03MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33915/
<form method="post" x-data="{itemData: initItem__67590db1db3a4(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33915/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33915">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33915">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-beige-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-33915.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-beige_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Beige - 140x200 cm"
title="Bedbodem Cronos Beige - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33915);" :title="compareData.getCompareLabel(33915)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33915)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-beige-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/bedbodem-cronos-beige-140x200-cm">
Bedbodem Cronos Beige - 140x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1db3a4() {
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__67590db1db3a4()" @update-prices-33915.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33915" data-price-box="product-id-33915"> <span x-data="" x-id="['product\u002Dprice\u002D33915']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33915')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33915-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWdyZXktMTYweDIwMC1jbQ~~/product/33913/
<form method="post" x-data="{itemData: initItem__67590dcf85f6c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWdyZXktMTYweDIwMC1jbQ~~/product/33913/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33913">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33913">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-beige-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-33913.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-beige_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Beige - 140x190 cm"
title="Bedbodem Cronos Beige - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33913);" :title="compareData.getCompareLabel(33913)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33913)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-beige-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/bedbodem-cronos-beige-140x190-cm">
Bedbodem Cronos Beige - 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590dcf85f6c() {
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__67590dcf85f6c()" @update-prices-33913.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33913" data-price-box="product-id-33913"> <span x-data="" x-id="['product\u002Dprice\u002D33913']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33913')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33913-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi1uZXJ0cy1rYXRvZW4tMzAtMjAweDIwMC1jbQ~~/product/33911/
<form method="post" x-data="{itemData: initItem__675910ab0dcdf(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi1uZXJ0cy1rYXRvZW4tMzAtMjAweDIwMC1jbQ~~/product/33911/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33911">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33911">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-beige-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-33911.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-beige_1_4.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Beige - 90x200 cm"
title="Bedbodem Cronos Beige - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33911);" :title="compareData.getCompareLabel(33911)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33911)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-beige-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/bedbodem-cronos-beige-90x200-cm">
Bedbodem Cronos Beige - 90x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__675910ab0dcdf() {
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__675910ab0dcdf()" @update-prices-33911.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33911" data-price-box="product-id-33911"> <span x-data="" x-id="['product\u002Dprice\u002D33911']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33911')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33911-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33909/
<form method="post" x-data="{itemData: initItem__67590db1e4afd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33909/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33909">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33909">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-beige-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-33909.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-beige_1_3.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Beige - 90x190 cm"
title="Bedbodem Cronos Beige - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33909);" :title="compareData.getCompareLabel(33909)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33909)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-beige-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/bedbodem-cronos-beige-90x190-cm">
Bedbodem Cronos Beige - 90x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1e4afd() {
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__67590db1e4afd()" @update-prices-33909.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33909" data-price-box="product-id-33909"> <span x-data="" x-id="['product\u002Dprice\u002D33909']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33909')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33909-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWdyZXktMTIweDE5MC1jbQ~~/product/33907/
<form method="post" x-data="{itemData: initItem__675906369ef7f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWdyZXktMTIweDE5MC1jbQ~~/product/33907/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33907">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33907">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-beige-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-33907.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-beige_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Beige - 80x200 cm"
title="Bedbodem Cronos Beige - 80x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33907);" :title="compareData.getCompareLabel(33907)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33907)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-beige-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/bedbodem-cronos-beige-80x200-cm">
Bedbodem Cronos Beige - 80x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__675906369ef7f() {
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__675906369ef7f()" @update-prices-33907.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33907" data-price-box="product-id-33907"> <span x-data="" x-id="['product\u002Dprice\u002D33907']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33907')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33907-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS04MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33905/
<form method="post" x-data="{itemData: initItem__67590db1ed370(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33905/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33905">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33905">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-beige-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-33905.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-beige_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Beige - 70x200 cm"
title="Bedbodem Cronos Beige - 70x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33905);" :title="compareData.getCompareLabel(33905)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33905)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-beige-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/bedbodem-cronos-beige-70x200-cm">
Bedbodem Cronos Beige - 70x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db1ed370() {
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__67590db1ed370()" @update-prices-33905.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33905" data-price-box="product-id-33905"> <span x-data="" x-id="['product\u002Dprice\u002D33905']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33905')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33905-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS03MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33903/
<form method="post" x-data="{itemData: initItem__67590db202b9c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33903/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33903">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33903">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-beige-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-33903.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-beige_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Beige - 70x190 cm"
title="Bedbodem Cronos Beige - 70x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33903);" :title="compareData.getCompareLabel(33903)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33903)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-beige-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/bedbodem-cronos-beige-70x190-cm">
Bedbodem Cronos Beige - 70x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db202b9c() {
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__67590db202b9c()" @update-prices-33903.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33903" data-price-box="product-id-33903"> <span x-data="" x-id="['product\u002Dprice\u002D33903']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33903')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33903-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1iZWlnZS03MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33289/
<form method="post" x-data="{itemData: initItem__6759135a414bd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33289/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33289">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33289">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-ashgrey-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-33289.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-ashgrey_1_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Ashgrey - 140x200 cm"
title="Bedbodem Cronos Ashgrey - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33289);" :title="compareData.getCompareLabel(33289)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33289)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-ashgrey-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/bedbodem-cronos-ashgrey-140x200-cm">
Bedbodem Cronos Ashgrey - 140x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759135a414bd() {
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__6759135a414bd()" @update-prices-33289.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33289" data-price-box="product-id-33289"> <span x-data="" x-id="['product\u002Dprice\u002D33289']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33289')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33289-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1hc2hncmV5LTE0MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33287/
<form method="post" x-data="{itemData: initItem__67590db20abdc(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33287/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33287">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33287">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-ashgrey-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-33287.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-ashgrey_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Ashgrey - 140x190 cm"
title="Bedbodem Cronos Ashgrey - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33287);" :title="compareData.getCompareLabel(33287)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33287)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-ashgrey-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/bedbodem-cronos-ashgrey-140x190-cm">
Bedbodem Cronos Ashgrey - 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db20abdc() {
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__67590db20abdc()" @update-prices-33287.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33287" data-price-box="product-id-33287"> <span x-data="" x-id="['product\u002Dprice\u002D33287']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33287')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33287-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1hc2hncmV5LTE0MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33285/
<form method="post" x-data="{itemData: initItem__67590db212f83(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33285/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33285">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33285">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-ashgrey-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-33285.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-ashgrey_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Ashgrey - 90x200 cm"
title="Bedbodem Cronos Ashgrey - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33285);" :title="compareData.getCompareLabel(33285)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33285)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-ashgrey-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/bedbodem-cronos-ashgrey-90x200-cm">
Bedbodem Cronos Ashgrey - 90x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db212f83() {
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__67590db212f83()" @update-prices-33285.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33285" data-price-box="product-id-33285"> <span x-data="" x-id="['product\u002Dprice\u002D33285']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33285')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33285-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1hc2hncmV5LTkweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JveHNwcmluZy1ldG9uLWVsZWt0cmlzY2hlLWNhYmVybmV0LWFudHJhY2lldC0xNDB4MTkwLWNt/product/33283/
<form method="post" x-data="{itemData: initItem__67590a2a67b8c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JveHNwcmluZy1ldG9uLWVsZWt0cmlzY2hlLWNhYmVybmV0LWFudHJhY2lldC0xNDB4MTkwLWNt/product/33283/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33283">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33283">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-ashgrey-90x140-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-33283.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-ashgrey_1_4.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Ashgrey - 90x140 cm"
title="Bedbodem Cronos Ashgrey - 90x140 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33283);" :title="compareData.getCompareLabel(33283)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33283)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-ashgrey-90x140-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/bedbodem-cronos-ashgrey-90x140-cm">
Bedbodem Cronos Ashgrey - 90x140 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590a2a67b8c() {
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__67590a2a67b8c()" @update-prices-33283.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33283" data-price-box="product-id-33283"> <span x-data="" x-id="['product\u002Dprice\u002D33283']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33283')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33283-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1hc2hncmV5LTkweDE0MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC04MHgyMDAtY20_X19fc3RvcmU9bHJkbV9iZV9ubA~~/product/33281/
<form method="post" x-data="{itemData: initItem__675911a685f59(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy16d2FydC04MHgyMDAtY20_X19fc3RvcmU9bHJkbV9iZV9ubA~~/product/33281/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33281">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33281">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-ashgrey-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-33281.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-ashgrey_1_3.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Ashgrey - 80x200 cm"
title="Bedbodem Cronos Ashgrey - 80x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33281);" :title="compareData.getCompareLabel(33281)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33281)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-ashgrey-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/bedbodem-cronos-ashgrey-80x200-cm">
Bedbodem Cronos Ashgrey - 80x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__675911a685f59() {
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__675911a685f59()" @update-prices-33281.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33281" data-price-box="product-id-33281"> <span x-data="" x-id="['product\u002Dprice\u002D33281']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33281')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33281-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1hc2hncmV5LTgweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33279/
<form method="post" x-data="{itemData: initItem__67590db21a66b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33279/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33279">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33279">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-ashgrey-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-33279.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-ashgrey_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Ashgrey - 70x200 cm"
title="Bedbodem Cronos Ashgrey - 70x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33279);" :title="compareData.getCompareLabel(33279)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33279)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-ashgrey-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/bedbodem-cronos-ashgrey-70x200-cm">
Bedbodem Cronos Ashgrey - 70x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db21a66b() {
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__67590db21a66b()" @update-prices-33279.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33279" data-price-box="product-id-33279"> <span x-data="" x-id="['product\u002Dprice\u002D33279']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33279')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33279-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1hc2hncmV5LTcweDIwMC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33277/
<form method="post" x-data="{itemData: initItem__67590db222142(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33277/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33277">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33277">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-ashgrey-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-33277.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-ashgrey_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Ashgrey - 70x190 cm"
title="Bedbodem Cronos Ashgrey - 70x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33277);" :title="compareData.getCompareLabel(33277)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33277)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-ashgrey-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/bedbodem-cronos-ashgrey-70x190-cm">
Bedbodem Cronos Ashgrey - 70x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db222142() {
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__67590db222142()" @update-prices-33277.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33277" data-price-box="product-id-33277"> <span x-data="" x-id="['product\u002Dprice\u002D33277']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33277')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33277-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1hc2hncmV5LTcweDE5MC1jbQ==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi10YXVwZS1rYXRvZW4tMjUtMTQweDIwMC1jbQ~~/product/33261/
<form method="post" x-data="{itemData: initItem__67590f69f3257(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi10YXVwZS1rYXRvZW4tMjUtMTQweDIwMC1jbQ~~/product/33261/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33261">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33261">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-grijs-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-33261.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-grey_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Grijs - 140x200 cm"
title="Bedbodem Cronos Grijs - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33261);" :title="compareData.getCompareLabel(33261)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33261)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-grijs-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/bedbodem-cronos-grijs-140x200-cm">
Bedbodem Cronos Grijs - 140x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590f69f3257() {
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__67590f69f3257()" @update-prices-33261.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33261" data-price-box="product-id-33261"> <span x-data="" x-id="['product\u002Dprice\u002D33261']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33261')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33261-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ncmlqcy0xNDB4MjAwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JveHNwcmluZy1mb3JiZXMtY2FiZXJuZXQtendhcnQtOTB4MTkwLWNt/product/33259/
<form method="post" x-data="{itemData: initItem__67590b2a1d0ec(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JveHNwcmluZy1mb3JiZXMtY2FiZXJuZXQtendhcnQtOTB4MTkwLWNt/product/33259/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33259">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33259">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-grijs-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-33259.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-160-200-cronos-deco-grey_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Grijs - 140x190 cm"
title="Bedbodem Cronos Grijs - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33259);" :title="compareData.getCompareLabel(33259)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33259)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-grijs-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/bedbodem-cronos-grijs-140x190-cm">
Bedbodem Cronos Grijs - 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590b2a1d0ec() {
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__67590b2a1d0ec()" @update-prices-33259.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33259" data-price-box="product-id-33259"> <span x-data="" x-id="['product\u002Dprice\u002D33259']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33259')" data-price-amount="659" data-price-type="finalPrice" class="price-wrapper " id="product-price-33259-1"><span class="price">€ 659,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ncmlqcy0xNDB4MTkwLWNt', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33257/
<form method="post" x-data="{itemData: initItem__6759135a4f731(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtP3V0bV9zb3VyY2U9ZW1haWwmdXRtX21lZGl1bT1maWRlbGlzYXRpb24mdXRtX2NhbXBhaWduPWppbmdsZWRheXMxMjI0YmVubA~~/product/33257/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33257">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33257">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-grijs-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-33257.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-grey_1_3.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Grijs - 90x200 cm"
title="Bedbodem Cronos Grijs - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33257);" :title="compareData.getCompareLabel(33257)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33257)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-grijs-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/bedbodem-cronos-grijs-90x200-cm">
Bedbodem Cronos Grijs - 90x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6759135a4f731() {
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__6759135a4f731()" @update-prices-33257.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33257" data-price-box="product-id-33257"> <span x-data="" x-id="['product\u002Dprice\u002D33257']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33257')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33257-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ncmlqcy05MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi16aW5rLWthdG9lbi0zMC0xNDB4MTkwLWNt/product/33255/
<form method="post" x-data="{itemData: initItem__67590dc8d6f88(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvZXNsYWtlbi16aW5rLWthdG9lbi0zMC0xNDB4MTkwLWNt/product/33255/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33255">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33255">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-grijs-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-33255.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-grey_1_2.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Grijs - 90x190 cm"
title="Bedbodem Cronos Grijs - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33255);" :title="compareData.getCompareLabel(33255)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33255)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-grijs-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/bedbodem-cronos-grijs-90x190-cm">
Bedbodem Cronos Grijs - 90x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590dc8d6f88() {
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__67590dc8d6f88()" @update-prices-33255.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33255" data-price-box="product-id-33255"> <span x-data="" x-id="['product\u002Dprice\u002D33255']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33255')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33255-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ncmlqcy05MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWFzaGdyZXktMTYweDIwMC1jbQ~~/product/33253/
<form method="post" x-data="{itemData: initItem__67590daacea63(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWFzaGdyZXktMTYweDIwMC1jbQ~~/product/33253/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33253">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33253">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-grijs-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-33253.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-grey_1_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Grijs - 80x200 cm"
title="Bedbodem Cronos Grijs - 80x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33253);" :title="compareData.getCompareLabel(33253)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33253)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-grijs-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/bedbodem-cronos-grijs-80x200-cm">
Bedbodem Cronos Grijs - 80x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590daacea63() {
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__67590daacea63()" @update-prices-33253.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33253" data-price-box="product-id-33253"> <span x-data="" x-id="['product\u002Dprice\u002D33253']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33253')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33253-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ncmlqcy04MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33251/
<form method="post" x-data="{itemData: initItem__67590db22a1c0(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtL2dlc3RvZmZlZXJkZS1iZWRib2RlbQ~~/product/33251/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="33251">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33251">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-grijs-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-33251.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-grey_1.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Grijs - 70x200 cm"
title="Bedbodem Cronos Grijs - 70x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33251);" :title="compareData.getCompareLabel(33251)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33251)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-grijs-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/bedbodem-cronos-grijs-70x200-cm">
Bedbodem Cronos Grijs - 70x200 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590db22a1c0() {
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__67590db22a1c0()" @update-prices-33251.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33251" data-price-box="product-id-33251"> <span x-data="" x-id="['product\u002Dprice\u002D33251']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33251')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33251-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ncmlqcy03MHgyMDAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWdyZXktMTQweDE5MC1jbQ~~/product/33249/
<form method="post" x-data="{itemData: initItem__67590e8abe4e5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNvc21vcy1kZWNvLWdyZXktMTQweDE5MC1jbQ~~/product/33249/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33249">
<input name="form_key" type="hidden" value="A4EMB33x6hhxZjQP"> <input type="hidden" name="product" value="33249">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/bedbodem-cronos-grijs-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-33249.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/s/o/sommier-90-200-cronos-deco-grey_1_4.png" loading="lazy" width="354" height="289" alt="Bedbodem Cronos Grijs - 70x190 cm"
title="Bedbodem Cronos Grijs - 70x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="mr-1.5 lg: mr-3.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<img src="https://www.de-matrassenkoning.be/static/version1733408138/frontend/LRDM/default/nl_NL/images/colors.png" alt="multicolor_picto">
</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(33249);" :title="compareData.getCompareLabel(33249)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33249)" xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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/bedbodem-cronos-grijs-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/bedbodem-cronos-grijs-70x190-cm">
Bedbodem Cronos Grijs - 70x190 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"> Frame en passieve lamellen in wit sparrenhout </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"> Stevig </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__67590e8abe4e5() {
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__67590e8abe4e5()" @update-prices-33249.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33249" data-price-box="product-id-33249"> <span x-data="" x-id="['product\u002Dprice\u002D33249']" class="price-container price-final_price tax weee">
<span :id="$id('product\u002Dprice\u002D33249')" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper " id="product-price-33249-1"><span class="price">€ 459,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2JlZGJvZGVtLWNyb25vcy1ncmlqcy03MHgxOTAtY20=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1733408138/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="A4EMB33x6hhxZjQP">
<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/version1733408138/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
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
1. Huis
2. Bedbodem
x
BEDBODEM
Mijn zoekactie verfijnen
Prijs
Min € 8
Max € 760
OK
Afmetingen
1. 70 x 140 cm (1)
70 x 140 cm 1
2. 70 x 190 cm (39)
70 x 190 cm 39
3. 70x200 cm (40)
70x200 cm 40
4. 80 x 200 cm (39)
80 x 200 cm 39
5. 90 x 190 cm (40)
90 x 190 cm 40
6. 90 x 200 cm (40)
90 x 200 cm 40
7. 120 x 190 cm (28)
120 x 190 cm 28
8. 120 x 200 cm (19)
120 x 200 cm 19
9. 140 x 190 cm (34)
140 x 190 cm 34
10. 140 x 200 cm (32)
140 x 200 cm 32
No value matching the search "null".
Show more+ Show less-
Steun
1. Middelstevig (2)
Middelstevig 2
2. Stevig (365)
Stevig 365
3. Zeer stevig (1)
Zeer stevig 1
No value matching the search "null".
Show more+ Show less-
Kleuren
Soort van latten
1. Passieve (205)
Passieve 205
2. Actieve (163)
Actieve 163
No value matching the search "null".
Show more+ Show less-
Compatibele Matrassen
1. Geheugen matras (368)
Geheugen matras 368
2. Latexmatras (368)
Latexmatras 368
3. Schuimmatras (368)
Schuimmatras 368
4. Veermatras (320)
Veermatras 320
No value matching the search "null".
Show more+ Show less-
Productieland
1. Frankrijk (313)
Frankrijk 313
2. België (59)
België 59
No value matching the search "null".
Show more+ Show less-
Filter
Sort By
Populariteit Product naam Prijs oplopend Prijs aflopend
Items 1-60 of 372
Items 1-60 of 372
Lattenbodem Flex Max Fixe - 70x190 cm
Le Roi du Matelas
Massief hout Stevig
€ 219,00
Detail
Lattenbodem Flex Max Fixe - 70x200 cm
Le Roi du Matelas
Massief hout Stevig
€ 219,00
Detail
Lattenbodem Flex Max Fixe - 80x200 cm
Le Roi du Matelas
Massief hout Stevig
€ 219,00
Detail
Lattenbodem Flex Max Fixe - 90x190 cm
Le Roi du Matelas
Massief hout Stevig
€ 219,00
Detail
Lattenbodem Flex Max Fixe - 90x200 cm
Le Roi du Matelas
Massief hout Stevig
€ 219,00
Detail
Lattenbodem Flex Extra Fixe - 90x190 cm
Le Roi du Matelas
Massief hout Stevig
€ 299,00
Detail
Lattenbodem Flex Extra Fixe - 120x200 cm
Le Roi du Matelas
Massief hout Stevig
€ 319,00
Detail
Lattenbodem Flex Extra Fixe - 120x190 cm
Le Roi du Matelas
Massief hout Stevig
€ 319,00
Detail
Lattenbodem Flex Extra Fixe - 90x200 cm
Le Roi du Matelas
Massief hout Stevig
€ 299,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 180x200 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 689,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 160x200 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 619,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 140x200 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 569,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 140x190 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 569,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 90x200 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 469,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 90x190 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 469,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 80x200 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 469,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 70x200 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 469,00
Detail
Bedbodem Cosmos Deco Boucle Wit - 70x190 cm
Le Roi du Matelas
Actieve beuken latten en wit sparren frame Stevig
€ 469,00
Detail
Bedbodem Cronos Zwart - 140x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Zwart - 140x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Zwart - 90x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Zwart - 90x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Zwart - 80x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Zwart - 70x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Zwart - 70x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Taupe - 140x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Taupe - 140x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Taupe - 90x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Taupe - 90x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Taupe - 80x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Taupe - 70x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Taupe - 70x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Blauw - 140x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Blauw - 140x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Blauw - 90x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Blauw - 90x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Blauw - 80x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Blauw - 70x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Blauw - 70x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Beige - 140x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Beige - 140x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Beige - 90x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Beige - 90x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Beige - 80x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Beige - 70x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Beige - 70x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Ashgrey - 140x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Ashgrey - 140x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Ashgrey - 90x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Ashgrey - 90x140 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Ashgrey - 80x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Ashgrey - 70x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Ashgrey - 70x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Grijs - 140x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Grijs - 140x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 659,00
Detail
Bedbodem Cronos Grijs - 90x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Grijs - 90x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Grijs - 80x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Grijs - 70x200 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,00
Detail
Bedbodem Cronos Grijs - 70x190 cm
Le Roi du Matelas
Frame en passieve lamellen in wit sparrenhout Stevig
€ 459,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 BEDBODEM, EEN ESSENTIEEL ELEMENT VAN DE MATRAS
Houd er bij het veranderen van matras er rekening mee dat ook de bedbodem
belangrijk is. Het is de steunt de matras en zorgt ervoor dat deze in vorm
blijft en zijn technologie u de beste voordelen biedt: stevigheid, ventilatie,
comfort, vormgeheugen.
DIVERSE SOORTEN BEDBODEMS
Er zijn drie soorten bedbodems: met springveren, lattenbodems en hefbare
bedbodems, en drie configuraties: gestoffeerde springveerbodems, gestoffeerde
lattenbodems of zichtbare lattenbodems. Deze producten bieden verschillende
soorten comfort en technologieën aan uw bed die aan uw verwachtingen zullen
voldoen.
DE BEDBODEM MET SPRINGVEREN
Er bestaan twee soorten springveren: vaste en ingekapselde veren.
* De bedbodem met vaste biconische veren is altijd gestoffeerd, dus bekleed met
een stof. Met een klassiek bedkader is deze bodem niet ideaal voor een goede
slaaponafhankelijkheid als men met z'n tweeën slaapt, tenzij u voor twee
aparte bedbodems kiest. Deze bedbodem is ook enkel geschikt voor matrassen
van hetzelfde type.
* De bedbodem met ingekapselde veren, biedt echte slaaponafhankelijkheid en dit
omdat de veren in zakken van elkaar geïsoleerd zijn. Dit zorgt ook voor
perfecte ventilatie. Gestoffeerde bedbodems met ingekapselde veren zijn
producten van uitstekende kwaliteit die zich perfect aan alle soorten
matrassen aanpassen en optimaal comfort bieden.
DE HOUTENLATTENBODEM
Er bestaan twee soorten lattenbodems: gestoffeerd of zichtbare latten.
* De met stof beklede lattenbodem houdt de matras op zijn plaats en is geschikt
voor alle soorten matrassen. Het garandeert ook de levensduur van uw matras.
* De lattenbodem met zichtbare latten heeft als voordeel een betere ventilatie,
het beter ademt en daardoor minder allergene stoffen, zoals huisstofmijt en
stof, vasthoudt.
De breedte van de latten bepaalt de mate van stevigheid van uw bedbodem. Hoe
breder de lamellen, hoe steviger uw bodem. Met smalle lamellen die op
ophangkogelgewrichten gemonteerd zijn wordt de bodem soepeler.
DE HEFBARE BEDBODEM
Deze bedbodem kan handmatig of elektrisch worden verhoogd worden. Dit type
bedbodem bestaat uit een enkel frame, speciaal voor eenpersoonsbedden of in twee
delen voor tweepersoonsbedden. Kies twee matrassen of matrassen die geschikt
zijn voor elektrische bedbodems voor meer comfort. De hefbare bedbodem is
meestal met zichtbare latten. Het past zich ook aan de lichaamsbouw van elke
slaper aan. U kunt uw hoofd of voeten omhoog brengen en uw heupen laten zakken,
voor optimaal slapen. Alle matrastechnologieën passen op een elektrisch
verstelbare bedbodem.
VOORDELEN VAN EEN BEDBODEM
De bedbodem biedt essentiële voordelen voor uw matras en uw comfort. Al u in een
hightech matras investeert, dan moet deze op een goede bedbodem liggen om het
gewenste comfort te garanderen.
VANGT BEWEGINGEN OP
De functie van de bedbodem is om al uw bewegingen 's nachts op te vangen. Of het
nu gaat om een veer of een lattenbodem, de bedbodem verstevigt het bed en vangt
al uw bewegingen op voor een goede nachtrust.
VERHOOGT DE VENTILATIE VAN DE MATRAS
De bedbodem laat de matras ademen en voert het vocht (warmte en zweet) van de
af. De bedbodem is de beste manier om uw matras te luchten. Uw slaapkamer zal
minder worden aangetast door mijten en bacteriën.
VERLENGT DE LEVENSDUUR VAN DE MATRAS
Een matras op de vloer beschadigd na verloop van tijd en de technologische
eigenschappen worden aangetast. Op een bedbodem of lattenbodem behoudt de matras
minimaal tien jaar zijn stevigheid en comfort. De bedbodem verlengt de
levensduur van uw matras.
MATRASKEUZE EN BEDBODEM
Zodra uw matras is gekozen, moet u een bedbodem kiezen die compatibel is met de
technologie van uw matras. U zal ook moeten nadenken over de maat en indien
nodig aan de poten van de bedbodem.
COMPATIBILITEIT EN AFMETINGEN VAN DE BEDBODEM
U moet een bedbodem kiezen die bij de maat van uw matras past. Er zijn bedbodems
voor alle soorten matrassen, maar sommige bedbodems zijn voor bepaalde matrassen
beter geschikt:
* bedbodems met veren geven de voorkeur aan springmatrassen voor een
uitgebalanceerde slaapkwaliteit.
* lattenbodems passen zowel met latex- als schuimmatrassen. De lattenbodem is
ook geschikt voor springmatrassen, mits de ruimte tussen de latten minder dan
4 cm is.
DE POTEN VAN DE BEDBODEMS
Als uw bedbodem de basis van uw bed is, kies dan voor poten. Een bedbodem zonder
poten is als een matras zonder bedbodem. De voeten zorgen ervoor dat de bedbodem
hoger staat en ventilatie onder de matras mogelijk is. Als uw bedbodem in een
bedkader past dan heeft u geen voeten voor de bedbodem nodig.
VIND ALLE MATEN VAN 1-PERSOONS BEDBODEMS
* Bedbodems 90x190
* Bedbodems 70x190(Matrassen 140x190)
* Bedbodems 70x200(Matrassen 140x200)
* Bedbodems 80x200(Matrassen 160x200)
* Bedbodems 90x200(Matrassen 180x200)
ALLE MATEN VAN 1-PERSOONSMATRASSEN
* Matrassen 70x190
* Matrassen 70x200
* Matrassen 80x200
* Matrassen 90x190
* Matrassen 90x200
* Matrassen baby
ALLE MATEN VAN 2 PERSONEN MATRASSEN
* Matrassen 140x190
* Matrassen 140x200
* Matrassen 160x200 (Queen Size)
* Matrassen 180x200
* Matrassen 200x200 (King Size)
VIND ALLE MATRASTECHNOLOGIEËN
* Matrassen Gerold
* Schuimmatrassen
* Veren matrassen
* Latex matrassen
* Matrassen met Geheugenschuim
* 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