www.de-matrassenkoning.be
Open in
urlscan Pro
146.185.45.35
Public Scan
Submitted URL: https://nl-be.cashbackdeals.be/confirmation/cashback?linkId=cm22650_ob_storeId1054398_ob_userId909b71a7469b229408e5d9df0795db82...
Effective URL: https://www.de-matrassenkoning.be/aanbiedingen/onze-huidige-aanbiedingen.html?utm_source=mojo_email&utm_medium=mojo_email_trafic&u...
Submission: On March 05 via api from BE — Scanned from DE
Effective URL: https://www.de-matrassenkoning.be/aanbiedingen/onze-huidige-aanbiedingen.html?utm_source=mojo_email&utm_medium=mojo_email_trafic&u...
Submission: On March 05 via api from BE — Scanned from DE
Form analysis 63 forms found in the 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/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#search"></use>
</svg>
</label>
<button type="submit" title="Zoeken" class="action search sr-only" aria-label="Search"> Zoeken </button>
</div>
<div id="search_autocomplete" class="absolute search-autocomplete overflow-y-auto w-full text-lrdm_black" x-show="show" style="display:none;">
<div class="relative bg-white border border-solid border-black z-50 w-full flex md:flex-row flex-col">
<div id="left" class="left flex flex-col md:w-[40%] w-full">
<template x-for="searchResultByType in Object.values(searchResultsByType)">
<div class="search-result">
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="templates[searchResultByType[0].type].title"></div>
</template>
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template>
<template x-for="searchResult in searchResultByType">
<div class="hover:bg-gray-100">
<template x-if="searchResult.type == 'term'">
<a class="w-full block p-2" x-bind:href="'https://www.de-matrassenkoning.be/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span>
</a>
</template>
<template x-if="searchResult.type == 'product'">
<a class="w-full block" :href="searchResult.url" :title="searchResult.title">
<div class="grid grid-cols-4 gap-4 p-3">
<div>
<img :src="searchResult.image" class="inline-block">
</div>
<div class="product-item col-span-3">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm font-bold" x-html="searchResult.price"></span>
</div>
</div>
</a>
</template>
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2 popop" :href="searchResult.url" :title="searchResult.title">
<span x-show="searchResult.breadcrumb.length" class="text-sm block" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
<template x-if="searchResult.type == 'product_attribute'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
</a>
</template>
<script>
function renderEsAutocompleteTitleAttribute(data) {
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {
return item[0]
});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script>
<template x-if="searchResult.type == 'cms_page'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</div>
</template>
</div>
</template>
</div>
<div id="right" class="right md:w-[60%] w-full">
<template x-for="searchResultByType in Object.values(productResult)">
<div class="search-result">
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="templates[searchResultByType[0].type].title"></div>
</template>
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined">
<div class="font-bold pt-2 pl-2 text-left text-tertiary" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template>
<template x-for="searchResult in searchResultByType">
<div class="hover:bg-gray-100">
<template x-if="searchResult.type == 'term'">
<a class="w-full block p-2" x-bind:href="'https://www.de-matrassenkoning.be/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span>
</a>
</template>
<template x-if="searchResult.type == 'product'">
<a class="w-full block" :href="searchResult.url" :title="searchResult.title">
<div class="grid grid-cols-4 gap-4 p-3">
<div>
<img :src="searchResult.image" class="inline-block">
</div>
<div class="product-item col-span-3">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm font-bold" x-html="searchResult.price"></span>
</div>
</div>
</a>
</template>
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2 popop" :href="searchResult.url" :title="searchResult.title">
<span x-show="searchResult.breadcrumb.length" class="text-sm block" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
<template x-if="searchResult.type == 'product_attribute'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
</a>
</template>
<script>
function renderEsAutocompleteTitleAttribute(data) {
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {
return item[0]
});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script>
<template x-if="searchResult.type == 'cms_page'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
</form>POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="fieldset login">
<div class="field email required">
<label class="label" for="customer-email">
<span>Email Address</span>
</label>
<div class="control">
<input name="username" x-ref="customer-email" @change="errors = 0" type="email" required="" class="form-input input-text">
</div>
</div>
<div class="field password required">
<label for="pass" class="label">
<span>Wachtwoord</span>
</label>
<div class="control">
<input name="password" type="password" class="form-input input-text" required="" x-ref="customer-password" @change="errors = 0">
</div>
</div>
<input name="context" type="hidden" value="checkout">
<div class="actions-toolbar flex justify-between pt-6 pb-2 items-center">
<button type="submit" class="inline-flex btn btn-primary"> Inloggen </button>
<a href="https://www.de-matrassenkoning.be/customer/account/forgotpassword/" class="mt-4 md:mt-0">
Wachtwoord vergeten ? </a>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41245/
<form method="post" x-data="{itemData: initItem__65e6f65d2ac78(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41245/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41245">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41245">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41245.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_6.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 80x200 cm"
title="Matras Supralatex - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41245);" :title="compareData.getCompareLabel(41245)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41245)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-80x200-cm.html">
Matras Supralatex - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d2ac78() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d2ac78()" @update-prices-41245.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41245" data-price-box="product-id-41245"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41245" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41245" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41243/
<form method="post" x-data="{itemData: initItem__65e6f65d3227f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41243/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41243">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41243">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41243.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_5.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 70x200 cm"
title="Matras Supralatex - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41243);" :title="compareData.getCompareLabel(41243)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41243)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-70x200-cm.html">
Matras Supralatex - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d3227f() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d3227f()" @update-prices-41243.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41243" data-price-box="product-id-41243"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41243" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41243" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41241/
<form method="post" x-data="{itemData: initItem__65e6f65d35313(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41241/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41241">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41241">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41241.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_4.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 70x190 cm"
title="Matras Supralatex - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41241);" :title="compareData.getCompareLabel(41241)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41241)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-70x190-cm.html">
Matras Supralatex - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d35313() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d35313()" @update-prices-41241.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41241" data-price-box="product-id-41241"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41241" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41241" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41239/
<form method="post" x-data="{itemData: initItem__65e6f65d3aabd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41239/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41239">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41239">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41239.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 80x200 cm"
title="Matras Memorytech - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41239);" :title="compareData.getCompareLabel(41239)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41239)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-80x200-cm.html">
Matras Memorytech - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d3aabd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d3aabd()" @update-prices-41239.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41239" data-price-box="product-id-41239"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41239" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41239" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41237/
<form method="post" x-data="{itemData: initItem__65e6f65d3e8be(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41237/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41237">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41237">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41237.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 70x200 cm"
title="Matras Memorytech - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41237);" :title="compareData.getCompareLabel(41237)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41237)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-70x200-cm.html">
Matras Memorytech - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d3e8be() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d3e8be()" @update-prices-41237.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41237" data-price-box="product-id-41237"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41237" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41237" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41235/
<form method="post" x-data="{itemData: initItem__65e6f65d420f2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/41235/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41235">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41235">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41235.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_5.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 70x190 cm"
title="Matras Memorytech - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41235);" :title="compareData.getCompareLabel(41235)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41235)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-70x190-cm.html">
Matras Memorytech - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d420f2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d420f2()" @update-prices-41235.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41235" data-price-box="product-id-41235"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41235" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41235" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41233/
<form method="post" x-data="{itemData: initItem__65e6f61ab7038(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41233/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41233">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41233">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41233.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_6.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 80x200 cm "
title="Matras Aerovisco - 80x200 cm ">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41233);" :title="compareData.getCompareLabel(41233)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41233)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-80x200-cm.html">
Matras Aerovisco - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ab7038() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ab7038()" @update-prices-41233.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41233" data-price-box="product-id-41233"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41233" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41233" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41231/
<form method="post" x-data="{itemData: initItem__65e6f61abd1f2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41231/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41231">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41231">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41231.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_5.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 70x200 cm"
title="Matras Aerovisco - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41231);" :title="compareData.getCompareLabel(41231)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41231)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-70x200-cm.html">
Matras Aerovisco - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Microveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61abd1f2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61abd1f2()" @update-prices-41231.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41231" data-price-box="product-id-41231"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41231" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41231" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tNzB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41229/
<form method="post" x-data="{itemData: initItem__65e6f61ac0183(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/41229/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="41229">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="41229">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-41229.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_4.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 70x190 cm "
title="Matras Aerovisco - 70x190 cm ">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(41229);" :title="compareData.getCompareLabel(41229)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(41229)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-70x190-cm.html">
Matras Aerovisco - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac0183() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac0183()" @update-prices-41229.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="41229" data-price-box="product-id-41229"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-41229" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-41229" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tNzB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40847/
<form method="post" x-data="{itemData: initItem__65e6fd9d86d0d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40847/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40847">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40847">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40847.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_4.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 80x200 cm"
title="Matras Mistral - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40847);" :title="compareData.getCompareLabel(40847)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40847)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-80x200-cm.html">
Matras Mistral - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d86d0d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d86d0d()" @update-prices-40847.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40847" data-price-box="product-id-40847"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40847" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40847" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40845/
<form method="post" x-data="{itemData: initItem__65e6fd9d91464(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40845/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40845">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40845">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40845.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_3.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 70x200 cm"
title="Matras Mistral - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40845);" :title="compareData.getCompareLabel(40845)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40845)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-70x200-cm.html">
Matras Mistral - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d91464() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d91464()" @update-prices-40845.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40845" data-price-box="product-id-40845"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40845" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40845" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40843/
<form method="post" x-data="{itemData: initItem__65e6fd9d9616b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40843/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40843">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40843">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40843.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_2.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 70x190 cm"
title="Matras Mistral - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40843);" :title="compareData.getCompareLabel(40843)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40843)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-70x190-cm.html">
Matras Mistral - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d9616b() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d9616b()" @update-prices-40843.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40843" data-price-box="product-id-40843"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40843" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40843" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdjE3OWZmNGkwMXZnajR3M3Q1cmxmdWkwZXZtZmUtZ3l0ZHV0cXRqeg~~/product/40835/
<form method="post" x-data="{itemData: initItem__65e6fc4ec1bbe(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZjb25zZW50PTEma3drdW5pdj1QNEQ0NTE1NkQ0RDcxMDAtdjE3OWZmNGkwMXZnajR3M3Q1cmxmdWkwZXZtZmUtZ3l0ZHV0cXRqeg~~/product/40835/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40835">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40835">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-80x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40835.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 80x200 cm"
title="Matras Céphée - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40835);" :title="compareData.getCompareLabel(40835)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40835)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-80x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-80x200-cm.html">
Matras Céphée - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fc4ec1bbe() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fc4ec1bbe()" @update-prices-40835.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40835" data-price-box="product-id-40835"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40835" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 219,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40835" data-price-amount="439" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 439,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40833/
<form method="post" x-data="{itemData: initItem__65e6fd9d9a3c6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40833/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40833">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40833">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40833.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 70x200 cm "
title="Matras Céphée - 70x200 cm ">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40833);" :title="compareData.getCompareLabel(40833)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40833)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-70x200-cm.html">
Matras Céphée - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9d9a3c6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9d9a3c6()" @update-prices-40833.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40833" data-price-box="product-id-40833"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40833" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 219,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40833" data-price-amount="439" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 439,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtNzB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40831/
<form method="post" x-data="{itemData: initItem__65e6fd9da0303(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40831/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40831">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40831">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40831.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_1_5.png" loading="lazy" width="354" height="289" alt="Matras Cephée - 70x190 cm"
title="Matras Cephée - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40831);" :title="compareData.getCompareLabel(40831)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40831)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-70x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-70x190-cm.html">
Matras Cephée - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9da0303() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9da0303()" @update-prices-40831.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40831" data-price-box="product-id-40831"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40831" data-price-amount="219" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 219,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40831" data-price-amount="439" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 439,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtNzB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40809/
<form method="post" x-data="{itemData: initItem__65e6f2b3a5cb8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40809/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40809">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40809">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40809.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1_3.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 180x200 cm"
title="Matras Goyave - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40809);" :title="compareData.getCompareLabel(40809)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40809)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-180x200-cm.html">
Matras Goyave - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3a5cb8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3a5cb8()" @update-prices-40809.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40809" data-price-box="product-id-40809"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40809" data-price-amount="869" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 869,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40809" data-price-amount="1245" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.245,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40807/
<form method="post" x-data="{itemData: initItem__65e6f2b3ae185(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40807/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40807">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40807">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40807.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1_2.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 160x200 cm"
title="Matras Goyave - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40807);" :title="compareData.getCompareLabel(40807)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40807)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-160x200-cm.html">
Matras Goyave - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3ae185() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3ae185()" @update-prices-40807.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40807" data-price-box="product-id-40807"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40807" data-price-amount="799" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40807" data-price-amount="1145" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.145,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40805/
<form method="post" x-data="{itemData: initItem__65e6f65d499c8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40805/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40805">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40805">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40805.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 140x200 cm"
title="Matras Goyave - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40805);" :title="compareData.getCompareLabel(40805)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40805)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-140x200-cm.html">
Matras Goyave - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d499c8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d499c8()" @update-prices-40805.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40805" data-price-box="product-id-40805"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40805" data-price-amount="679" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 679,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40805" data-price-amount="970" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 970,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40803/
<form method="post" x-data="{itemData: initItem__65e6f65d50447(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40803/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40803">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40803">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40803.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-goyave_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 140x190 cm" title="Matras Goyave - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40803);" :title="compareData.getCompareLabel(40803)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40803)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-140x190-cm.html">
Matras Goyave - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d50447() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d50447()" @update-prices-40803.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40803" data-price-box="product-id-40803"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40803" data-price-amount="679" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 679,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40803" data-price-amount="970" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 970,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40801/
<form method="post" x-data="{itemData: initItem__65e6f2b3b3293(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/40801/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40801">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40801">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40801.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-goyave_1_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 90x200 cm" title="Matras Goyave - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40801);" :title="compareData.getCompareLabel(40801)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40801)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-90x200-cm.html">
Matras Goyave - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3b3293() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3b3293()" @update-prices-40801.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40801" data-price-box="product-id-40801"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40801" data-price-amount="559" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40801" data-price-amount="799" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40799/
<form method="post" x-data="{itemData: initItem__65e6f65d55d32(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40799/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40799">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40799">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40799.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-goyave_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 90x190 cm" title="Matras Goyave - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40799);" :title="compareData.getCompareLabel(40799)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40799)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-goyave-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-goyave-90x190-cm.html">
Matras Goyave - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d55d32() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d55d32()" @update-prices-40799.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40799" data-price-box="product-id-40799"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40799" data-price-amount="559" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40799" data-price-amount="799" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40721/
<form method="post" x-data="{itemData: initItem__65e6f65d58ad8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40721/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40721">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40721">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40721.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_1.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 120x200 cm"
title="Matras Supralatex - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40721);" :title="compareData.getCompareLabel(40721)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40721)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-120x200-cm.html">
Matras Supralatex - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d58ad8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d58ad8()" @update-prices-40721.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40721" data-price-box="product-id-40721"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40721" data-price-amount="519" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 519,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40721" data-price-amount="1039" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.039,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40717/
<form method="post" x-data="{itemData: initItem__65e6fd9da5997(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40717/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40717">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40717">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40717.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4_1.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 120x200 cm"
title="Matras Memorytech - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40717);" :title="compareData.getCompareLabel(40717)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40717)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-120x200-cm.html">
Matras Memorytech - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9da5997() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9da5997()" @update-prices-40717.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40717" data-price-box="product-id-40717"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40717" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40717" data-price-amount="1149" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.149,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40715/
<form method="post" x-data="{itemData: initItem__65e6fd9da9686(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40715/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40715">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40715">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40715.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 120x190 cm"
title="Matras Memorytech - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40715);" :title="compareData.getCompareLabel(40715)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40715)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-120x190-cm.html">
Matras Memorytech - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9da9686() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9da9686()" @update-prices-40715.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40715" data-price-box="product-id-40715"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40715" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40715" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40701/
<form method="post" x-data="{itemData: initItem__65e6fd9dacb99(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40701/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40701">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40701">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40701.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cephee-v2_1_3_4.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 120x200 cm"
title="Matras Céphée - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40701);" :title="compareData.getCompareLabel(40701)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40701)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-120x200-cm.html">
Matras Céphée - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dacb99() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dacb99()" @update-prices-40701.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40701" data-price-box="product-id-40701"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40701" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 279,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40701" data-price-amount="559" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtMTIweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40699/
<form method="post" x-data="{itemData: initItem__65e6fd9db0ce1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/40699/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="40699">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="40699">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-40699.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cephee-v2_1_3_3.png" loading="lazy" width="354" height="289" alt="Matras Céphée - 120x190 cm"
title="Matras Céphée - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40699);" :title="compareData.getCompareLabel(40699)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40699)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cephee-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-cephee-120x190-cm.html">
Matras Céphée - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9db0ce1() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9db0ce1()" @update-prices-40699.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40699" data-price-box="product-id-40699"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40699" data-price-amount="279" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 279,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-40699" data-price-amount="559" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 559,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtMTIweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/38435/
<form method="post" x-data="{itemData: initItem__65e6f3c2aec21(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/38435/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="38435">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="38435">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-38435.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_2.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 120x200 cm"
title="Matras Mistral - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(38435);" :title="compareData.getCompareLabel(38435)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(38435)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-120x200-cm.html">
Matras Mistral - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f3c2aec21() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f3c2aec21()" @update-prices-38435.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="38435" data-price-box="product-id-38435"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-38435" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-38435" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/38433/
<form method="post" x-data="{itemData: initItem__65e6fd9db4847(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/38433/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="38433">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="38433">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-38433.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_5.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 120x190 cm"
title="Matras Mistral - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(38433);" :title="compareData.getCompareLabel(38433)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(38433)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-120x190-cm.html">
Matras Mistral - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9db4847() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9db4847()" @update-prices-38433.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="38433" data-price-box="product-id-38433"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-38433" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-38433" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wb2xhaXItMTgweDIwMC1jbS5odG1s/product/36243/
<form method="post" x-data="{itemData: initItem__65e6f4d4ab569(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wb2xhaXItMTgweDIwMC1jbS5odG1s/product/36243/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36243">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36243">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36243.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 180x200 cm"
title="Matras Memorytech - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36243);" :title="compareData.getCompareLabel(36243)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36243)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-180x200-cm.html">
Matras Memorytech - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f4d4ab569() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f4d4ab569()" @update-prices-36243.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36243" data-price-box="product-id-36243"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36243" data-price-amount="829" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 829,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36243" data-price-amount="1659" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.659,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36241/
<form method="post" x-data="{itemData: initItem__65e6f65d5c8db(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36241/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36241">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36241">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36241.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 160x200 cm"
title="Matras Memorytech - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36241);" :title="compareData.getCompareLabel(36241)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36241)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-160x200-cm.html">
Matras Memorytech - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d5c8db() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d5c8db()" @update-prices-36241.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36241" data-price-box="product-id-36241"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36241" data-price-amount="699" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 699,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36241" data-price-amount="1399" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.399,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36239/
<form method="post" x-data="{itemData: initItem__65e6f65d60e1a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36239/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36239">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36239">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36239.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 140x200 cm"
title="Matras Memorytech - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36239);" :title="compareData.getCompareLabel(36239)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36239)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-140x200-cm.html">
Matras Memorytech - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d60e1a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d60e1a()" @update-prices-36239.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36239" data-price-box="product-id-36239"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36239" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36239" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36237/
<form method="post" x-data="{itemData: initItem__65e6f65d64657(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36237/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36237">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36237">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36237.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memorytech_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 140x190 cm"
title="Matras Memorytech - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36237);" :title="compareData.getCompareLabel(36237)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36237)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-140x190-cm.html">
Matras Memorytech - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d64657() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d64657()" @update-prices-36237.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36237" data-price-box="product-id-36237"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36237" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36237" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36235/
<form method="post" x-data="{itemData: initItem__65e6f65d67e7f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36235/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36235">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36235">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36235.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 90x200 cm"
title="Matras Memorytech - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36235);" :title="compareData.getCompareLabel(36235)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36235)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-90x200-cm.html">
Matras Memorytech - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f65d67e7f() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f65d67e7f()" @update-prices-36235.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36235" data-price-box="product-id-36235"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36235" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36235" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTkweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/36233/
<form method="post" x-data="{itemData: initItem__65e6f2b3b955c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/36233/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36233">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36233">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36233.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Memorytech - 90x190 cm"
title="Matras Memorytech - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36233);" :title="compareData.getCompareLabel(36233)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36233)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-memorytech-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-memorytech-90x190-cm.html">
Matras Memorytech - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__1.png">
</span> Omhullende comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3b955c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3b955c()" @update-prices-36233.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36233" data-price-box="product-id-36233"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36233" data-price-amount="449" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 449,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36233" data-price-amount="899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTkweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36219/
<form method="post" x-data="{itemData: initItem__65e6f61acfb08(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36219/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36219">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36219">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36219.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 180x200 cm"
title="Matras Supralatex - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36219);" :title="compareData.getCompareLabel(36219)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36219)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-180x200-cm.html">
Matras Supralatex - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61acfb08() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61acfb08()" @update-prices-36219.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36219" data-price-box="product-id-36219"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36219" data-price-amount="639" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 639,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36219" data-price-amount="1279" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.279,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36217/
<form method="post" x-data="{itemData: initItem__65e6f61ad334e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36217/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36217">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36217">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36217.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 160x200 cm"
title="Matras Supralatex - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36217);" :title="compareData.getCompareLabel(36217)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36217)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-160x200-cm.html">
Matras Supralatex - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ad334e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ad334e()" @update-prices-36217.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36217" data-price-box="product-id-36217"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36217" data-price-amount="599" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36217" data-price-amount="1199" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.199,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36215/
<form method="post" x-data="{itemData: initItem__65e6f61ad62cd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36215/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36215">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36215">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36215.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 140x200 cm"
title="Matras Supralatex - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36215);" :title="compareData.getCompareLabel(36215)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36215)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-140x200-cm.html">
Matras Supralatex - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ad62cd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ad62cd()" @update-prices-36215.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36215" data-price-box="product-id-36215"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36215" data-price-amount="519" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 519,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36215" data-price-amount="1039" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.039,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36213/
<form method="post" x-data="{itemData: initItem__65e6fd9db96d7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36213/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36213">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36213">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36213.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-supralatex_1_5.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 140x190 cm"
title="Matras Supralatex - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36213);" :title="compareData.getCompareLabel(36213)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36213)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-140x190-cm.html">
Matras Supralatex - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9db96d7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9db96d7()" @update-prices-36213.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36213" data-price-box="product-id-36213"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36213" data-price-amount="519" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 519,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36213" data-price-amount="1039" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.039,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2NhdGFsb2dzZWFyY2gvcmVzdWx0L2luZGV4Lz9wPTImcT1sYXR0ZW5ib2RlbSsxNDB4MjAw/product/36211/
<form method="post" x-data="{itemData: initItem__65e6f2079c88e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2NhdGFsb2dzZWFyY2gvcmVzdWx0L2luZGV4Lz9wPTImcT1sYXR0ZW5ib2RlbSsxNDB4MjAw/product/36211/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36211">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36211">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36211.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 90x200 cm"
title="Matras Supralatex - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36211);" :title="compareData.getCompareLabel(36211)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36211)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-90x200-cm.html">
Matras Supralatex - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2079c88e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2079c88e()" @update-prices-36211.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36211" data-price-box="product-id-36211"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36211" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36211" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTkweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MzRlZjRodDg4cGw5MHl1djQ5dGt6M2cwYW5xLWkzYXFhdmZ4aG4~/product/36209/
<form method="post" x-data="{itemData: initItem__65e6f4747bc59(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MzRlZjRodDg4cGw5MHl1djQ5dGt6M2cwYW5xLWkzYXFhdmZ4aG4~/product/36209/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36209">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36209">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36209.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Supralatex - 90x190 cm"
title="Matras Supralatex - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36209);" :title="compareData.getCompareLabel(36209)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36209)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-supralatex-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-supralatex-90x190-cm.html">
Matras Supralatex - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Latex </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f4747bc59() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f4747bc59()" @update-prices-36209.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36209" data-price-box="product-id-36209"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36209" data-price-amount="459" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 459,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36209" data-price-amount="919" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 919,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTkweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36207/
<form method="post" x-data="{itemData: initItem__65e6f61ac2ad4(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36207/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36207">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36207">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36207.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 180x200 cm"
title="Matras Aerovisco - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36207);" :title="compareData.getCompareLabel(36207)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36207)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-180x200-cm.html">
Matras Aerovisco - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac2ad4() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac2ad4()" @update-prices-36207.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36207" data-price-box="product-id-36207"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36207" data-price-amount="639" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 639,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36207" data-price-amount="1279" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.279,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36205/
<form method="post" x-data="{itemData: initItem__65e6f61ac5b1b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36205/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36205">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36205">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36205.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 160x200 cm"
title="Matras Aerovisco - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36205);" :title="compareData.getCompareLabel(36205)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36205)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-160x200-cm.html">
Matras Aerovisco - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Microveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac5b1b() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac5b1b()" @update-prices-36205.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36205" data-price-box="product-id-36205"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36205" data-price-amount="569" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 569,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36205" data-price-amount="1139" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.139,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36203/
<form method="post" x-data="{itemData: initItem__65e6f61ac8494(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36203/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36203">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36203">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36203.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_5.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 140x200 cm"
title="Matras Aerovisco - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36203);" :title="compareData.getCompareLabel(36203)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36203)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-140x200-cm.html">
Matras Aerovisco - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ac8494() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ac8494()" @update-prices-36203.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36203" data-price-box="product-id-36203"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36203" data-price-amount="479" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 479,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36203" data-price-amount="959" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 959,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36201/
<form method="post" x-data="{itemData: initItem__65e6f61acaba8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36201/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36201">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36201">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36201.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-aerovisco_1_3.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 140x190 cm"
title="Matras Aerovisco - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36201);" :title="compareData.getCompareLabel(36201)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36201)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-140x190-cm.html">
Matras Aerovisco - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61acaba8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61acaba8()" @update-prices-36201.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36201" data-price-box="product-id-36201"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36201" data-price-amount="479" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 479,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36201" data-price-amount="959" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 959,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36199/
<form method="post" x-data="{itemData: initItem__65e6fd9dbe519(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/36199/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36199">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36199">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36199.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 90x200 cm"
title="Matras Aerovisco - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36199);" :title="compareData.getCompareLabel(36199)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36199)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-90x200-cm.html">
Matras Aerovisco - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dbe519() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dbe519()" @update-prices-36199.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36199" data-price-box="product-id-36199"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36199" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36199" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36197/
<form method="post" x-data="{itemData: initItem__65e6f61acd3fa(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/36197/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36197">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="36197">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-36197.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-aerovisco_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Aerovisco - 90x190 cm"
title="Matras Aerovisco - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36197);" :title="compareData.getCompareLabel(36197)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36197)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-aerovisco-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-aerovisco-90x190-cm.html">
Matras Aerovisco - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1_.png">
</span> Zacht comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61acd3fa() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61acd3fa()" @update-prices-36197.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36197" data-price-box="product-id-36197"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36197" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-36197" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1hZXJvdmlzY28tOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35325/
<form method="post" x-data="{itemData: initItem__65e6fd9dc2039(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35325/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35325">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35325">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35325.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6_3.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 180x200 cm"
title="Matras Mistral - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35325);" :title="compareData.getCompareLabel(35325)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35325)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-180x200-cm.html">
Matras Mistral - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dc2039() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dc2039()" @update-prices-35325.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35325" data-price-box="product-id-35325"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35325" data-price-amount="489" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 489,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35325" data-price-amount="979" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 979,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35323/
<form method="post" x-data="{itemData: initItem__65e6fd9dc557d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35323/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35323">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35323">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35323.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6_2.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 160x200 cm"
title="Matras Mistral - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35323);" :title="compareData.getCompareLabel(35323)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35323)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-160x200-cm.html">
Matras Mistral - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dc557d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dc557d()" @update-prices-35323.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35323" data-price-box="product-id-35323"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35323" data-price-amount="429" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 429,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35323" data-price-amount="859" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 859,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35321/
<form method="post" x-data="{itemData: initItem__65e6fd9dc88e6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35321/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35321">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35321">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35321.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6_1.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 140x200 cm"
title="Matras Mistral - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35321);" :title="compareData.getCompareLabel(35321)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35321)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-140x200-cm.html">
Matras Mistral - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dc88e6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dc88e6()" @update-prices-35321.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35321" data-price-box="product-id-35321"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35321" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35321" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY3YWQ3ZjRpMDE4cDVhNWhoOHI0NzJyd3ZwcDZlLWMwOWg3MG45NXA~/product/35319/
<form method="post" x-data="{itemData: initItem__65e6f829b266a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1rd2Fua28mdXRtX21lZGl1bT1jcGEmdXRtX2NhbXBhaWduPWdlbmVyaWNfMjAyMyZrd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY3YWQ3ZjRpMDE4cDVhNWhoOHI0NzJyd3ZwcDZlLWMwOWg3MG45NXA~/product/35319/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35319">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35319">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35319.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-mistral_1_6.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 140x190 cm"
title="Matras Mistral - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35319);" :title="compareData.getCompareLabel(35319)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35319)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-140x190-cm.html">
Matras Mistral - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f829b266a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f829b266a()" @update-prices-35319.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35319" data-price-box="product-id-35319"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35319" data-price-amount="369" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 369,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35319" data-price-amount="739" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 739,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35317/
<form method="post" x-data="{itemData: initItem__65e6fd9dcbda6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35317/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35317">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35317">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35317.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1_1.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 90x200 cm"
title="Matras Mistral - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35317);" :title="compareData.getCompareLabel(35317)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35317)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-90x200-cm.html">
Matras Mistral - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dcbda6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dcbda6()" @update-prices-35317.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35317" data-price-box="product-id-35317"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35317" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35317" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTkweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35315/
<form method="post" x-data="{itemData: initItem__65e6fd9dcf238(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/35315/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35315">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="35315">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-35315.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_1_1.png" loading="lazy" width="354" height="289" alt="Matras Mistral - 90x190 cm"
title="Matras Mistral - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35315);" :title="compareData.getCompareLabel(35315)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35315)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-mistral-90x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-mistral-90x190-cm.html">
Matras Mistral - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dcf238() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dcf238()" @update-prices-35315.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35315" data-price-box="product-id-35315"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35315" data-price-amount="299" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 299,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-35315" data-price-amount="599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTkweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/33771/
<form method="post" x-data="{itemData: initItem__65e6fd9dd2ba3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw_dXRtX3NvdXJjZT1tb2pvX2VtYWlsJnV0bV9tZWRpdW09bW9qb19lbWFpbF90cmFmaWMmdXRtX2NhbXBhaWduPW1vam9fQkVOTHNwcmluZ2RheXMwMjI0JnN1Yl9pZF8xPQ~~/product/33771/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="33771">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="33771">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/hoofdkussen-memo-vegetal-ergonomisch-40x60-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-33771.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/d/e/design_sans_titre_-_2023-12-06t152258.233_1.png" loading="lazy" width="354" height="289"
alt="Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm" title="Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(33771);" :title="compareData.getCompareLabel(33771)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(33771)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/hoofdkussen-memo-vegetal-ergonomisch-40x60-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/hoofdkussen-memo-vegetal-ergonomisch-40x60-cm.html">
Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dreamway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Traagschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6fd9dd2ba3() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6fd9dd2ba3()" @update-prices-33771.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="33771" data-price-box="product-id-33771"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-33771" data-price-amount="79" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 79,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -€ 20,00</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-33771" data-price-amount="99" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 99,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvb2Zka3Vzc2VuLW1lbW8tdmVnZXRhbC1lcmdvbm9taXNjaC00MHg2MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31873/
<form method="post" x-data="{itemData: initItem__65e6f61ad9a8d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31873/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31873">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31873">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-200x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31873.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_6.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 200x200 cm"
title="Matras Kamelia - 200x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31873);" :title="compareData.getCompareLabel(31873)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31873)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-200x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-200x200-cm.html">
Matras Kamelia - 200x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ad9a8d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ad9a8d()" @update-prices-31873.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31873" data-price-box="product-id-31873"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31873" data-price-amount="949" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 949,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31873" data-price-amount="1899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTIwMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31871/
<form method="post" x-data="{itemData: initItem__65e6f61adbeda(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31871/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31871">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31871">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-180x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31871.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_5.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 180x200 cm"
title="Matras Kamelia - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31871);" :title="compareData.getCompareLabel(31871)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31871)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-180x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-180x200-cm.html">
Matras Kamelia - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61adbeda() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61adbeda()" @update-prices-31871.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31871" data-price-box="product-id-31871"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31871" data-price-amount="899" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31871" data-price-amount="1799" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.799,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/31869/
<form method="post" x-data="{itemData: initItem__65e6f2b3c0f85(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vbnplLWh1aWRpZ2UtYWFuYmllZGluZ2VuLmh0bWw~/product/31869/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31869">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31869">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-160x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31869.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_4.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 160x200 cm"
title="Matras Kamelia - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31869);" :title="compareData.getCompareLabel(31869)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31869)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-160x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-160x200-cm.html">
Matras Kamelia - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f2b3c0f85() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f2b3c0f85()" @update-prices-31869.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31869" data-price-box="product-id-31869"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31869" data-price-amount="799" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31869" data-price-amount="1599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31867/
<form method="post" x-data="{itemData: initItem__65e6f61ade7a9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31867/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31867">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31867">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31867.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 140x200 cm"
title="Matras Kamelia - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31867);" :title="compareData.getCompareLabel(31867)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31867)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-140x200-cm.html">
Matras Kamelia - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ade7a9() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ade7a9()" @update-prices-31867.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31867" data-price-box="product-id-31867"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31867" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31867" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31865/
<form method="post" x-data="{itemData: initItem__65e6f61ae0dd6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31865/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31865">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31865">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31865.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 140x190 cm"
title="Matras Kamelia - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31865);" :title="compareData.getCompareLabel(31865)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31865)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-140x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-140x190-cm.html">
Matras Kamelia - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ae0dd6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ae0dd6()" @update-prices-31865.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31865" data-price-box="product-id-31865"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31865" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31865" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31863/
<form method="post" x-data="{itemData: initItem__65e6f61ae35f6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31863/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31863">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31863">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x200-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31863.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4_1.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 120x200 cm"
title="Matras Kamelia - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31863);" :title="compareData.getCompareLabel(31863)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31863)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-120x200-cm.html">
Matras Kamelia - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ae35f6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ae35f6()" @update-prices-31863.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31863" data-price-box="product-id-31863"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31863" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31863" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31861/
<form method="post" x-data="{itemData: initItem__65e6f61ae59f0(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sP2xyZG1fZGltZW5zaW9ucz0zMDM1JTJDMzAzMSUyQzM3NTg~/product/31861/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31861">
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7"> <input type="hidden" name="product" value="31861">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x190-cm.html')" class="relative product photo product-item-photo block mx-auto cursor-pointer " tabindex="-1">
<picture>
<img class="relative object-contain product-image-photo" x-data="" @update-gallery-31861.window="$root.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kamelia_1_4.png" loading="lazy" width="354" height="289" alt="Matras Kamelia - 120x190 cm"
title="Matras Kamelia - 120x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31861);" :title="compareData.getCompareLabel(31861)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31861)" xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kamelia-120x190-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kamelia-120x190-cm.html">
Matras Kamelia - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__65e6f61ae59f0() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount);
}
}
}
</script>
<div class="pt-1 flex flex-col lg:flex-row justify-between min-h-[54px] flex-grow price-container-wrapper">
<div x-data="initPriceBox__65e6f61ae59f0()" @update-prices-31861.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31861" data-price-box="product-id-31861"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31861" data-price-amount="729" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 729,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31861" data-price-amount="1459" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.459,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1rYW1lbGlhLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/newsletter/subscriber/new/
<form class="form subscribe flex justify-around flex-col md:flex-row items-center" action="https://www.de-matrassenkoning.be/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" @submit.prevent="submitForm()"
id="newsletter-validate-detail">
<div class="md:max-w-[500px] mb-6 md:mb-0">
<div class="font-cormorant text-36p leading-extra-loose">Blijf dromen.</div>
<div class="text-24p leading-loose"> Profiteer van 5% korting op uw eerste bestelling en ontvang onze aanbiedingen en nieuws. </div>
</div>
<div>
<label for="newsletter-subscribe" class="hidden"> Email Address </label>
<input name="form_key" type="hidden" value="DFRLhQNKdlaOCmS7">
<div class="relative flex border border-gray-300 rounded-md shadow-sm pl-2
text-quaternary items-center bg-white">
<svg class="phone_call icon h-6 w-6" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1708531465/frontend/LRDM/default/nl_NL/images/icons.svg#envelope"></use>
</svg>
<input name="email" type="email" required="" id="newsletter-subscribe" class="form-input !border-0 !shadow-none !pl-1 inline-flex flex-grow !w-auto" placeholder="Vul je e-mailadres in">
<button class="btn btn-primary btn-size-sm"> Registreren </button>
</div>
<div class="field choice mt-3 pl-3 mm:pl-0">
<input type="checkbox" class="checkbox" name="allow" value="1" id="newsletter_allow">
<label for="newsletter_allow" class="text-sm"> Ik geef De Matrassenkoning de toestemming om mij informatie te sturen </label>
</div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
</form>Text Content
65 winkels en 4 miljoen klanten sinds 30 jaar
056 93 01 17 Ons contacteren Afspraak in de winkel
België
Belgique France Luxembourg
Zoeken
ABBEVILLE
Mijn mand 0 Mijn mand Mijn mand
Mijn account
Producten
Matras
Matrassen Bekijk alle matrassen Schuim matras Latex matras Traagschuim matras
Veren matras Babymatras Oplegmatras
Afmetingen Matras 90x190 Matras 90x200 Matras 140x190 Matras 140x200 Matras
160x200 Matras 180x200 Matras 70x190 Matras 70x200 Matras 80x200 Matras 120x190
Matras 120x200 Matras 200x200 Bekijk meer Laat minder zien
Comfort Zacht Omhullend Evenwichtig Stevig
Praktisch Gerold matras Matras met een snelle levertijd Goedkope matras
Bedbodem
Bedbodems Bekijk alle bedbodems Lattenbodem Gestoffeerde bedbodem Elektrische
bedbodem Poten van bedbodem
Afmetingen Bedbodem 70x190 Bedbodem 80x200 Bedbodem 90x190 Bedbodem 140x190
Bedbodem 160x200 Bedbodem 180x200 Bedbodem 70x200 Bedbodem 90x200 Bedbodem
140x200 Bedbodem 120x190 Bedbodem 120x200 Bedbodem 1 persoon Bedbodem 2 personen
Bekijk meer Laat minder zien
Bed
Set beddengoed
Boxspring
Bedkader
Kofferbed
Hoofdeinde
Vouwbed
Kinderbed
Dekbed, hoofdkussen
Dekbed Bekijk alle dekbedden Donzen dekbed Synthetisch dekbed
Afmetingen Dekbed 75x120 Dekbed 140x200 Dekbed 200x200 Dekbed 220x240 Dekbed
240x260
Comfort Licht zomerdekbed Warm winterdekbed Gematigd dekbed 4 seizoenen
Anti-huisstofmijt dekbed Dekbed zonder behandeling
Hoofdkussen, bolster Synthetisch hoofdkussen Donzen hoofdkussen Geheugenschuim
hoofdkussen Bolster
Afmetingen Hoofdkussen 40x60 Hoofdkussen 45x70 Hoofdkussen 60x60 Hoofdkussen
65x65
Beddengoed
Dekbedovertrek Dekbedovertrek 140x200 Dekbedovertrek 200x200 Dekbedovertrek
220x240 Dekbedovertrek 240x260
Hoeslaken Hoeslaken 70x190 Hoeslaken 80x200 Hoeslaken 90x190 Hoeslaken 140x190
Hoeslaken 160x200 Hoeslaken 180x200 Hoeslaken 70x200 Hoeslaken 90x200 Hoeslaken
140x200 Hoeslaken 120x190 Hoeslaken 120X200 Hoeslaken 200x200 Bekijk meer Laat
minder zien
Bedlinnen Bedlinnen 140x200 Bedlinnen 220x240 Bedlinnen 240x260
Kussensloop Kussensloop 40x60 Kussensloop 50x70 Kussensloop 63x63 Bolster zaak
Bedbeschermer Matrasbeschermer
Aanbiedingen
Onze huidige aanbiedingen
OLI
Blauw product
Onze adviezen
Vind je matras
Selecteer een productcategorie
x
MIJN MAND
Hoeveelheid:
pencil trash
Subtotaal:
Zie mijn mand
loader
Bezig met laden...
x
AL GEREGISTREERD ?
Email Address
Wachtwoord
Inloggen Wachtwoord vergeten ?
NIEUWE KLANT?
Een account aanmaken
Skip to Content
1. Huis
2. Aanbiedingen
3. Onze huidige aanbiedingen
x
ONZE HUIDIGE AANBIEDINGEN
Mijn zoekactie verfijnen
Productieland
1. Nederland (47)
Nederland 47
2. België (37)
België 37
3. Frankrijk (11)
Frankrijk 11
No value matching the search "null".
Show more+ Show less-
Comfortzones
1. 1 comfortzone (31)
1 comfortzone 31
2. 7 comfortzones (22)
7 comfortzones 22
3. 9 comfortzones (19)
9 comfortzones 19
4. Geen comfortzones (9)
Geen comfortzones 9
No value matching the search "null".
Show more+ Show less-
Secundaire technologie
1. Polyurethaanschuim (21)
Polyurethaanschuim 21
2. Traagschuim (21)
Traagschuim 21
3. Hybride schuim (12)
Hybride schuim 12
4. Viscoelastiche schuim (12)
Viscoelastiche schuim 12
No value matching the search "null".
Show more+ Show less-
Dikte (cm)
1. 17 (10)
17 10
2. 19 (10)
19 10
3. 20 (17)
20 17
4. 21 (21)
21 21
5. 22 (11)
22 11
6. 24 (12)
24 12
No value matching the search "null".
Show more+ Show less-
Verwijderbaar
1. Ja (61)
Ja 61
No value matching the search "null".
Show more+ Show less-
Warmte-index
1. Alle saizoenen (gematigde) (4)
Alle saizoenen (gematigde) 4
2. Winter (warm dekbed) (3)
Winter (warm dekbed) 3
No value matching the search "null".
Show more+ Show less-
Vulling
1. 100% polyester holle gesiliconeerde vezels (4)
100% polyester holle gesiliconeerde vezels 4
2. Natuurlijk (90% dons) (3)
Natuurlijk (90% dons) 3
No value matching the search "null".
Show more+ Show less-
Technologie
1. Synthetische (4)
Synthetische 4
2. Latex (2)
Latex 2
3. Traagschuim (1)
Traagschuim 1
No value matching the search "null".
Show more+ Show less-
Samenstelling van de omslag
1. 100% katoen (2)
100% katoen 2
2. 100% percalkatoen (2)
100% percalkatoen 2
3. Tencel + Polyester + Katoen (2)
Tencel + Polyester + Katoen 2
4. 100% Viscose (1)
100% Viscose 1
No value matching the search "null".
Show more+ Show less-
Vorm
1. Rechthoekige (4)
Rechthoekige 4
2. Vierkant (3)
Vierkant 3
No value matching the search "null".
Show more+ Show less-
Zomerzijde / Winterzijde
1. Ja (28)
Ja 28
No value matching the search "null".
Show more+ Show less-
Garnissage face A
1. Mousse à mémoire de forme (33)
Mousse à mémoire de forme 33
No value matching the search "null".
Show more+ Show less-
Epaisseur du latex
1. 3 (9)
3 9
No value matching the search "null".
Show more+ Show less-
Prijs
Min € 49
Max € 1.140
OK
Kleuren
Slapen
1. 1 persoon (51)
1 persoon 51
2. 2 personen (30)
2 personen 30
No value matching the search "null".
Show more+ Show less-
Compatibele bedbodem
1. Alle lattenbodem (81)
Alle lattenbodem 81
2. Bedbodem (81)
Bedbodem 81
3. Boxsprings (81)
Boxsprings 81
4. Electrische lattenbodem (22)
Electrische lattenbodem 22
No value matching the search "null".
Show more+ Show less-
Afmetingen
1. 70x190 (7)
70x190 7
2. 70x200 (7)
70x200 7
3. 80x200 (7)
80x200 7
4. 90x190 (8)
90x190 8
5. 90x200 (8)
90x200 8
6. 120x190 (5)
120x190 5
7. 120x200 (6)
120x200 6
8. 140x190 (8)
140x190 8
9. 140x200 (10)
140x200 10
10. 160x200 (8)
160x200 8
No value matching the search "null".
Show more+ Show less-
Materiaal
1. 100% polyester (5)
100% polyester 5
2. 100% katoen (4)
100% katoen 4
3. Natuurlijk (2)
Natuurlijk 2
4. Polyestervezels (2)
Polyestervezels 2
5. 100% percalkatoen (1)
100% percalkatoen 1
No value matching the search "null".
Show more+ Show less-
Comfort
Zacht comfort (21) Omhullende comfort (23) Evenwichtig comfort (18) Stevig
comfort (26)
Belangrijkste Technologie
1. Pocketveren (42)
Pocketveren 42
2. Traagschuim (11)
Traagschuim 11
3. Koudschuim (10)
Koudschuim 10
4. Latex (10)
Latex 10
5. Hybrid schuim (6)
Hybrid schuim 6
6. Microveren (2)
Microveren 2
No value matching the search "null".
Show more+ Show less-
Merk
1. Oli (51)
Oli 51
2. Swissway (34)
Swissway 34
3. Le Roi du Matelas (4)
Le Roi du Matelas 4
4. Art Bedding (3)
Art Bedding 3
5. Dreamway (3)
Dreamway 3
No value matching the search "null".
Show more+ Show less-
Steun
1. Medium (49)
Medium 49
2. Stevig (32)
Stevig 32
No value matching the search "null".
Show more+ Show less-
Anti-mijt behandeling
1. Ja (15)
Ja 15
No value matching the search "null".
Show more+ Show less-
Hypoallergene behandeling
1. Ja (11)
Ja 11
No value matching the search "null".
Show more+ Show less-
Geen verwerking
1. Ja (9)
Ja 9
No value matching the search "null".
Show more+ Show less-
Filter
Sort By
Populariteit Product naam Prijs oplopend Prijs aflopend
Items 1-60 of 95
Items 1-60 of 95
PROMO
Matras Supralatex - 80x200 cm
Oli
Zacht comfort Latex
Special Price € 459,00 -50% Regular Price € 919,00
Detail
PROMO
Matras Supralatex - 70x200 cm
Oli
Zacht comfort Latex
Special Price € 459,00 -50% Regular Price € 919,00
Detail
PROMO
Matras Supralatex - 70x190 cm
Oli
Zacht comfort Latex
Special Price € 459,00 -50% Regular Price € 919,00
Detail
PROMO
Matras Memorytech - 80x200 cm
Oli
Omhullende comfort Traagschuim
Special Price € 449,00 -50% Regular Price € 899,00
Detail
PROMO
Matras Memorytech - 70x200 cm
Oli
Omhullende comfort Traagschuim
Special Price € 449,00 -50% Regular Price € 899,00
Detail
PROMO
Matras Memorytech - 70x190 cm
Oli
Omhullende comfort Traagschuim
Special Price € 449,00 -50% Regular Price € 899,00
Detail
PROMO
Matras Aerovisco - 80x200 cm
Oli
Zacht comfort Pocketveren
Special Price € 429,00 -50% Regular Price € 859,00
Detail
PROMO
Matras Aerovisco - 70x200 cm
Oli
Zacht comfort Microveren
Special Price € 429,00 -50% Regular Price € 859,00
Detail
PROMO
Matras Aerovisco - 70x190 cm
Oli
Zacht comfort Pocketveren
Special Price € 429,00 -50% Regular Price € 859,00
Detail
PROMO
Exclu web
Matras Mistral - 80x200 cm
Oli
Stevig comfort Pocketveren
Special Price € 299,00 -50% Regular Price € 599,00
Detail
PROMO
Exclu web
Matras Mistral - 70x200 cm
Oli
Stevig comfort Pocketveren
Special Price € 299,00 -50% Regular Price € 599,00
Detail
PROMO
Exclu web
Matras Mistral - 70x190 cm
Oli
Stevig comfort Pocketveren
Special Price € 299,00 -50% Regular Price € 599,00
Detail
PROMO
Exclu web
Matras Céphée - 80x200 cm
Oli
Stevig comfort Koudschuim
Special Price € 219,00 -50% Regular Price € 439,00
Detail
PROMO
Exclu web
Matras Céphée - 70x200 cm
Oli
Stevig comfort Koudschuim
Special Price € 219,00 -50% Regular Price € 439,00
Detail
PROMO
Exclu web
Matras Cephée - 70x190 cm
Oli
Stevig comfort Koudschuim
Special Price € 219,00 -50% Regular Price € 439,00
Detail
PROMO
Matras Goyave - 180x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 869,00 -30% Regular Price € 1.245,00
Detail
PROMO
Matras Goyave - 160x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 799,00 -30% Regular Price € 1.145,00
Detail
PROMO
Matras Goyave - 140x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 679,00 -30% Regular Price € 970,00
Detail
PROMO
Matras Goyave - 140x190 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 679,00 -30% Regular Price € 970,00
Detail
PROMO
Matras Goyave - 90x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 559,00 -30% Regular Price € 799,00
Detail
PROMO
Matras Goyave - 90x190 cm
Swissway
Evenwichtig comfort Hybrid schuim
Special Price € 559,00 -30% Regular Price € 799,00
Detail
PROMO
Exclu web
Matras Supralatex - 120x200 cm
Oli
Zacht comfort Latex
Special Price € 519,00 -50% Regular Price € 1.039,00
Detail
PROMO
Exclu web
Matras Memorytech - 120x200 cm
Oli
Omhullende comfort Traagschuim
Special Price € 569,00 -50% Regular Price € 1.149,00
Detail
PROMO
Exclu web
Matras Memorytech - 120x190 cm
Oli
Omhullende comfort Traagschuim
Special Price € 569,00 -50% Regular Price € 1.139,00
Detail
PROMO
Exclu web
Matras Céphée - 120x200 cm
Oli
Stevig comfort Koudschuim
Special Price € 279,00 -50% Regular Price € 559,00
Detail
PROMO
Exclu web
Matras Céphée - 120x190 cm
Oli
Stevig comfort Koudschuim
Special Price € 279,00 -50% Regular Price € 559,00
Detail
PROMO
Exclu web
Matras Mistral - 120x200 cm
Oli
Stevig comfort Pocketveren
Special Price € 369,00 -50% Regular Price € 739,00
Detail
PROMO
Exclu web
Matras Mistral - 120x190 cm
Oli
Stevig comfort Pocketveren
Special Price € 369,00 -50% Regular Price € 739,00
Detail
PROMO
Exclu web
Matras Memorytech - 180x200 cm
Oli
Omhullende comfort Traagschuim
Special Price € 829,00 -50% Regular Price € 1.659,00
Detail
PROMO
Exclu web
Matras Memorytech - 160x200 cm
Oli
Omhullende comfort Traagschuim
Special Price € 699,00 -50% Regular Price € 1.399,00
Detail
PROMO
Exclu web
Matras Memorytech - 140x200 cm
Oli
Omhullende comfort Traagschuim
Special Price € 569,00 -50% Regular Price € 1.139,00
Detail
PROMO
Exclu web
Matras Memorytech - 140x190 cm
Oli
Omhullende comfort Traagschuim
Special Price € 569,00 -50% Regular Price € 1.139,00
Detail
PROMO
Exclu web
Matras Memorytech - 90x200 cm
Oli
Omhullende comfort Traagschuim
Special Price € 449,00 -50% Regular Price € 899,00
Detail
PROMO
Exclu web
Matras Memorytech - 90x190 cm
Oli
Omhullende comfort Traagschuim
Special Price € 449,00 -50% Regular Price € 899,00
Detail
PROMO
Exclu web
Matras Supralatex - 180x200 cm
Oli
Zacht comfort Latex
Special Price € 639,00 -50% Regular Price € 1.279,00
Detail
PROMO
Exclu web
Matras Supralatex - 160x200 cm
Oli
Zacht comfort Latex
Special Price € 599,00 -50% Regular Price € 1.199,00
Detail
PROMO
Exclu web
Matras Supralatex - 140x200 cm
Oli
Zacht comfort Latex
Special Price € 519,00 -50% Regular Price € 1.039,00
Detail
PROMO
Exclu web
Matras Supralatex - 140x190 cm
Oli
Zacht comfort Latex
Special Price € 519,00 -50% Regular Price € 1.039,00
Detail
PROMO
Exclu web
Matras Supralatex - 90x200 cm
Oli
Zacht comfort Latex
Special Price € 459,00 -50% Regular Price € 919,00
Detail
PROMO
Exclu web
Matras Supralatex - 90x190 cm
Oli
Zacht comfort Latex
Special Price € 459,00 -50% Regular Price € 919,00
Detail
PROMO
Exclu web
Matras Aerovisco - 180x200 cm
Oli
Zacht comfort Pocketveren
Special Price € 639,00 -50% Regular Price € 1.279,00
Detail
PROMO
Exclu web
Matras Aerovisco - 160x200 cm
Oli
Zacht comfort Microveren
Special Price € 569,00 -50% Regular Price € 1.139,00
Detail
PROMO
Exclu web
Matras Aerovisco - 140x200 cm
Oli
Zacht comfort Pocketveren
Special Price € 479,00 -50% Regular Price € 959,00
Detail
PROMO
Exclu web
Matras Aerovisco - 140x190 cm
Oli
Zacht comfort Pocketveren
Special Price € 479,00 -50% Regular Price € 959,00
Detail
PROMO
Exclu web
Matras Aerovisco - 90x200 cm
Oli
Zacht comfort Pocketveren
Special Price € 429,00 -50% Regular Price € 859,00
Detail
PROMO
Exclu web
Matras Aerovisco - 90x190 cm
Oli
Zacht comfort Pocketveren
Special Price € 429,00 -50% Regular Price € 859,00
Detail
PROMO
Exclu web
Matras Mistral - 180x200 cm
Oli
Stevig comfort Pocketveren
Special Price € 489,00 -50% Regular Price € 979,00
Detail
PROMO
Exclu web
Matras Mistral - 160x200 cm
Oli
Stevig comfort Pocketveren
Special Price € 429,00 -50% Regular Price € 859,00
Detail
PROMO
Exclu web
Matras Mistral - 140x200 cm
Oli
Stevig comfort Pocketveren
Special Price € 369,00 -50% Regular Price € 739,00
Detail
PROMO
Exclu web
Matras Mistral - 140x190 cm
Oli
Stevig comfort Pocketveren
Special Price € 369,00 -50% Regular Price € 739,00
Detail
PROMO
Exclu web
Matras Mistral - 90x200 cm
Oli
Stevig comfort Pocketveren
Special Price € 299,00 -50% Regular Price € 599,00
Detail
PROMO
Exclu web
Matras Mistral - 90x190 cm
Oli
Stevig comfort Pocketveren
Special Price € 299,00 -50% Regular Price € 599,00
Detail
PROMO
Hoofdkussen Memo Vegetal Ergonomisch - 40x60 cm
Dreamway
Stevig comfort Traagschuim
Special Price € 79,00 -€ 20,00 Regular Price € 99,00
Detail
PROMO
Matras Kamelia - 200x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 949,00 -50% Regular Price € 1.899,00
Detail
PROMO
Matras Kamelia - 180x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 899,00 -50% Regular Price € 1.799,00
Detail
PROMO
Matras Kamelia - 160x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 799,00 -50% Regular Price € 1.599,00
Detail
PROMO
Matras Kamelia - 140x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 729,00 -50% Regular Price € 1.459,00
Detail
PROMO
Matras Kamelia - 140x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 729,00 -50% Regular Price € 1.459,00
Detail
PROMO
Matras Kamelia - 120x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 729,00 -50% Regular Price € 1.459,00
Detail
PROMO
Matras Kamelia - 120x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 729,00 -50% Regular Price € 1.459,00
Detail
1.
2. You're currently reading page 1
3. Page 2
4.
Bekijk per pagina
60 items 90 items 120 items 150 items
per page
Vergelijk producten
x
Vergelijk Verwijder alles
Kwaliteit tegen een minimumprijs
200 testnachten
Click & Collect 2u in winkel
Lokale productie
Blijf dromen.
Profiteer van 5% korting op uw eerste bestelling en ontvang onze aanbiedingen en
nieuws.
Email Address
Registreren
Ik geef De Matrassenkoning de toestemming om mij informatie te sturen
* De Matrassenkoning
* Ons verhaal
* Onze kennis
* Onze merken
* Voor de professionele
* Affiliate campagne
* Adviezen
* Afspraak in winkel
* Contact
* Vragen-Antwoorden
* Ons contacteren
* Een winkel vinden
* Bij ons
* Onze voordelen
* 200 proefnachten: retour, herroeping
* Click & Collect gratis in winkel, levering
* Betalingsmiddelen, financiering
* Garantie
* Vermeldingen
* Black Friday
* Opruiming
* Solden
* Algemene verkoopvoorwaarden voor winkels
* Algemene verkoopvoorwaarden op internet
* Wettelijke Bepalingen
* Persoonlijke gegevens
*
*
*
Copyright © 2022. All rights reserved.