www.de-matrassenkoning.be
Open in
urlscan Pro
146.185.45.35
Public Scan
Submitted URL: https://t.enews.de-matrassenkoning.be/c/?t=b827595-8me-ki-!w-1lzi!
Effective URL: https://www.de-matrassenkoning.be/matrassen.html?utm_source=newsletter;utm_medium=email;utm_campaign=newsletters_NL_destockage_1_2...
Submission: On November 07 via api from BE — Scanned from DE
Effective URL: https://www.de-matrassenkoning.be/matrassen.html?utm_source=newsletter;utm_medium=email;utm_campaign=newsletters_NL_destockage_1_2...
Submission: On November 07 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/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/37043/
<form method="post" x-data="{itemData: initItem__6549ce0fcb5ca(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/37043/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37043">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="37043">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-seasons-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-37043.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-seasons_1_3.png" loading="lazy" width="354" height="289" alt="Matras Seasons - 180x200 cm"
title="Matras Seasons - 180x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(37043);" :title="compareData.getCompareLabel(37043)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(37043)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-seasons-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-seasons-180x200-cm.html">
Matras Seasons - 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__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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549ce0fcb5ca() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce0fcb5ca()" @update-prices-37043.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="37043" data-price-box="product-id-37043">
<span class="price-container price-final_price tax weee">
<span id="product-price-37043" data-price-amount="1999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.999,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZWFzb25zLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/37037/
<form method="post" x-data="{itemData: initItem__6549d94a1ddf6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/37037/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37037">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="37037">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-seasons-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-37037.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-seasons_1.png" loading="lazy" width="354" height="289" alt="Matras Seasons - 140x190 cm"
title="Matras Seasons - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(37037);" :title="compareData.getCompareLabel(37037)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(37037)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-seasons-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-seasons-140x190-cm.html">
Matras Seasons - 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__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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a1ddf6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a1ddf6()" @update-prices-37037.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="37037" data-price-box="product-id-37037">
<span class="price-container price-final_price tax weee">
<span id="product-price-37037" data-price-amount="1599" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.599,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZWFzb25zLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/product/19827/
<form method="post" x-data="{itemData: initItem__6549cc744afcd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/product/19827/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="19827">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="19827">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-19827.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix_7_6.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 140x200 cm"
title="Matras Bellatrix - 140x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(19827);" :title="compareData.getCompareLabel(19827)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(19827)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-bellatrix-140x200-cm.html">
Matras Bellatrix - 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__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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549cc744afcd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549cc744afcd()" @update-prices-19827.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19827" data-price-box="product-id-19827"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-19827" data-price-amount="359" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 359,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-19827" data-price-amount="719" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 719,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/19823/
<form method="post" x-data="{itemData: initItem__6549d94a23349(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/19823/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="19823">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="19823">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-19823.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix_7.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 90x200 cm"
title="Matras Bellatrix - 90x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(19823);" :title="compareData.getCompareLabel(19823)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(19823)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-bellatrix-90x200-cm.html">
Matras Bellatrix - 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__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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a23349() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a23349()" @update-prices-19823.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19823" data-price-box="product-id-19823"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-19823" data-price-amount="307" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 307,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-19823" data-price-amount="615" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 615,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/19829/
<form method="post" x-data="{itemData: initItem__6549d94a26042(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/19829/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="19829">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="19829">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-19829.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix_7_3.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 160x200 cm"
title="Matras Bellatrix - 160x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(19829);" :title="compareData.getCompareLabel(19829)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(19829)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-bellatrix-160x200-cm.html">
Matras Bellatrix - 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__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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a26042() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a26042()" @update-prices-19829.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19829" data-price-box="product-id-19829"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-19829" data-price-amount="444" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 444,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-19829" data-price-amount="889" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 889,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MC5odG1sP2F0dF9jb25mb3J0PUV2ZW53aWNodGlnK2NvbWZvcnQmYXR0X3NvbW1pZXJfY29tcGF0aWJsZT1CZWRib2RlbQ~~/product/19825/
<form method="post" x-data="{itemData: initItem__6549d6d1b773a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MC5odG1sP2F0dF9jb25mb3J0PUV2ZW53aWNodGlnK2NvbWZvcnQmYXR0X3NvbW1pZXJfY29tcGF0aWJsZT1CZWRib2RlbQ~~/product/19825/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="19825">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="19825">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-19825.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix_7_1.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 140x190 cm"
title="Matras Bellatrix - 140x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(19825);" :title="compareData.getCompareLabel(19825)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(19825)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-bellatrix-140x190-cm.html">
Matras Bellatrix - 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__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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d6d1b773a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d6d1b773a()" @update-prices-19825.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19825" data-price-box="product-id-19825"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-19825" data-price-amount="359" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 359,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-19825" data-price-amount="719" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 719,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/19821/
<form method="post" x-data="{itemData: initItem__6549d94a33178(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/19821/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="19821">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="19821">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-19821.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-bellatrix_7_2.jpg" loading="lazy" width="354" height="289" alt="Matras Bellatrix - 90x190 cm"
title="Matras Bellatrix - 90x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(19821);" :title="compareData.getCompareLabel(19821)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(19821)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-bellatrix-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-bellatrix-90x190-cm.html">
Matras Bellatrix - 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__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"> Koudschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a33178() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a33178()" @update-prices-19821.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="19821" data-price-box="product-id-19821"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-19821" data-price-amount="307" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 307,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-19821" data-price-amount="615" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 615,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1iZWxsYXRyaXgtOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31493/
<form method="post" x-data="{itemData: initItem__6549d94a35857(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31493/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31493">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31493">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-popup-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-31493.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-popup_7_7.jpg" loading="lazy" width="354" height="289" alt="Matras Popup - 90x190 cm" title="Matras Popup - 90x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(31493);" :title="compareData.getCompareLabel(31493)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31493)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-popup-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-popup-90x190-cm.html">
Matras Popup - 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a35857() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a35857()" @update-prices-31493.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31493" data-price-box="product-id-31493"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31493" data-price-amount="249" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 249,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -60%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31493" data-price-amount="639" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 639,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wb3B1cC05MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36231/
<form method="post" x-data="{itemData: initItem__6549d29679e92(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36231/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36231">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36231">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-36231.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_7_6.jpg" loading="lazy" width="354" height="289" alt="Matras Ergotech - 180x200 cm"
title="Matras Ergotech - 180x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(36231);" :title="compareData.getCompareLabel(36231)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36231)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-ergotech-180x200-cm.html">
Matras Ergotech - 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d29679e92() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d29679e92()" @update-prices-36231.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36231" data-price-box="product-id-36231"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36231" data-price-amount="549" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 549,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-36231" data-price-amount="1099" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.099,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36229/
<form method="post" x-data="{itemData: initItem__6549d2967ceeb(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36229/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36229">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36229">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-36229.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_7_5.jpg" loading="lazy" width="354" height="289" alt="Matras Ergotech - 160x200 cm"
title="Matras Ergotech - 160x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(36229);" :title="compareData.getCompareLabel(36229)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36229)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-ergotech-160x200-cm.html">
Matras Ergotech - 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d2967ceeb() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d2967ceeb()" @update-prices-36229.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36229" data-price-box="product-id-36229"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36229" data-price-amount="477" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 477,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-36229" data-price-amount="955" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 955,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xNjB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36227/
<form method="post" x-data="{itemData: initItem__6549d2967f382(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36227/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36227">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36227">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-36227.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_7_4.jpg" loading="lazy" width="354" height="289" alt="Matras Ergotech - 140x200 cm"
title="Matras Ergotech - 140x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(36227);" :title="compareData.getCompareLabel(36227)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36227)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-ergotech-140x200-cm.html">
Matras Ergotech - 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d2967f382() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d2967f382()" @update-prices-36227.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36227" data-price-box="product-id-36227"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36227" data-price-amount="402" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 402,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-36227" data-price-amount="805" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 805,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xNDB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36225/
<form method="post" x-data="{itemData: initItem__6549d29681dd5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36225/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36225">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36225">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-36225.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_7_3.jpg" loading="lazy" width="354" height="289" alt="Matras Ergotech - 140x190 cm"
title="Matras Ergotech - 140x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(36225);" :title="compareData.getCompareLabel(36225)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36225)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-ergotech-140x190-cm.html">
Matras Ergotech - 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d29681dd5() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d29681dd5()" @update-prices-36225.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36225" data-price-box="product-id-36225"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36225" data-price-amount="402" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 402,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-36225" data-price-amount="805" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 805,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC0xNDB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36223/
<form method="post" x-data="{itemData: initItem__6549d29684292(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36223/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36223">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36223">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-36223.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_7_2.jpg" loading="lazy" width="354" height="289" alt="Matras Ergotech - 90x200 cm"
title="Matras Ergotech - 90x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(36223);" :title="compareData.getCompareLabel(36223)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36223)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-ergotech-90x200-cm.html">
Matras Ergotech - 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d29684292() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d29684292()" @update-prices-36223.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36223" data-price-box="product-id-36223"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36223" data-price-amount="339" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 339,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-36223" data-price-amount="679" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 679,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC05MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36221/
<form method="post" x-data="{itemData: initItem__6549d296865a2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi9vcHJ1aW1pbmcuaHRtbD9AMTMzMzFlY19fWmowQU9pVEZBQXFVTHBISUxNd0FQaFIwLUNsR19fZWMmZj0w/product/36221/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36221">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36221">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-36221.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-ergotech_7_1.jpg" loading="lazy" width="354" height="289" alt="Matras Ergotech - 90x190 cm"
title="Matras Ergotech - 90x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(36221);" :title="compareData.getCompareLabel(36221)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36221)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-ergotech-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-ergotech-90x190-cm.html">
Matras Ergotech - 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"> Hybrid schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d296865a2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d296865a2()" @update-prices-36221.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36221" data-price-box="product-id-36221"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36221" data-price-amount="339" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 339,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-36221" data-price-amount="679" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 679,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmdvdGVjaC05MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTgwLTIwMC5odG1s/product/31799/
<form method="post" x-data="{itemData: initItem__6549d57b6e32e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTgwLTIwMC5odG1s/product/31799/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31799">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31799">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31799.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-charme_1_5_5.png" loading="lazy" width="354" height="289" alt="Matras Charme - 180x200 cm"
title="Matras Charme - 180x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(31799);" :title="compareData.getCompareLabel(31799)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31799)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-180x200-cm.html">
Matras Charme - 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__6549d57b6e32e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d57b6e32e()" @update-prices-31799.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31799" data-price-box="product-id-31799"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31799" 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-31799" 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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31797/
<form method="post" x-data="{itemData: initItem__6549d94a38d28(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31797/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31797">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31797">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31797.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-charme_1_5_4.png" loading="lazy" width="354" height="289" alt="Matras Charme - 160x200 cm"
title="Matras Charme - 160x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(31797);" :title="compareData.getCompareLabel(31797)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31797)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-160x200-cm.html">
Matras Charme - 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__6549d94a38d28() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a38d28()" @update-prices-31797.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31797" data-price-box="product-id-31797"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31797" data-price-amount="794" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 794,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-31797" data-price-amount="1589" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.589,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/product/31795/
<form method="post" x-data="{itemData: initItem__6549d63bab0e1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/product/31795/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31795">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31795">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31795.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-charme_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Charme - 140x200 cm"
title="Matras Charme - 140x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(31795);" :title="compareData.getCompareLabel(31795)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31795)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-140x200-cm.html">
Matras Charme - 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__6549d63bab0e1() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d63bab0e1()" @update-prices-31795.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31795" data-price-box="product-id-31795"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31795" data-price-amount="689" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 689,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-31795" data-price-amount="1379" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.379,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MC5odG1sP2F0dF9jb25mb3J0PUV2ZW53aWNodGlnK2NvbWZvcnQmYXR0X3NvbW1pZXJfY29tcGF0aWJsZT1CZWRib2RlbQ~~/product/31793/
<form method="post" x-data="{itemData: initItem__6549d6d1e0157(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MC5odG1sP2F0dF9jb25mb3J0PUV2ZW53aWNodGlnK2NvbWZvcnQmYXR0X3NvbW1pZXJfY29tcGF0aWJsZT1CZWRib2RlbQ~~/product/31793/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31793">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31793">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31793.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-charme_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Charme - 140x190 cm"
title="Matras Charme - 140x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(31793);" :title="compareData.getCompareLabel(31793)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31793)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-140x190-cm.html">
Matras Charme - 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__6549d6d1e0157() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d6d1e0157()" @update-prices-31793.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31793" data-price-box="product-id-31793"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31793" data-price-amount="689" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 689,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-31793" data-price-amount="1379" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.379,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31791/
<form method="post" x-data="{itemData: initItem__6549d94a42a68(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31791/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31791">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31791">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31791.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-charme_1_10.png" loading="lazy" width="354" height="289" alt="Matras Charme - 120x200 cm"
title="Matras Charme - 120x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(31791);" :title="compareData.getCompareLabel(31791)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31791)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-120x200-cm.html">
Matras Charme - 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__6549d94a42a68() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a42a68()" @update-prices-31791.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31791" data-price-box="product-id-31791"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31791" data-price-amount="689" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 689,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-31791" data-price-amount="1379" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.379,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtMTIweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31789/
<form method="post" x-data="{itemData: initItem__6549d94a44d5d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31789/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31789">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31789">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31789.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-charme_1_5.png" loading="lazy" width="354" height="289" alt="Matras Charme - 120x190 cm"
title="Matras Charme - 120x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(31789);" :title="compareData.getCompareLabel(31789)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31789)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-120x190-cm.html">
Matras Charme - 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__6549d94a44d5d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a44d5d()" @update-prices-31789.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31789" data-price-box="product-id-31789"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31789" data-price-amount="689" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 689,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-31789" data-price-amount="1379" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.379,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtMTIweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31787/
<form method="post" x-data="{itemData: initItem__6549d94a46f49(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31787/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31787">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31787">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31787.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-charme_1_7_5.png" loading="lazy" width="354" height="289" alt="Matras Charme - 90x200 cm"
title="Matras Charme - 90x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(31787);" :title="compareData.getCompareLabel(31787)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31787)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-90x200-cm.html">
Matras Charme - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a46f49() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a46f49()" @update-prices-31787.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31787" data-price-box="product-id-31787"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31787" data-price-amount="582" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 582,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-31787" data-price-amount="1165" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.165,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31785/
<form method="post" x-data="{itemData: initItem__6549d94a49007(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31785/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31785">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31785">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31785.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-charme_1_7_4.png" loading="lazy" width="354" height="289" alt="Matras Charme - 90x190 cm"
title="Matras Charme - 90x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(31785);" :title="compareData.getCompareLabel(31785)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31785)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-90x190-cm.html">
Matras Charme - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a49007() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a49007()" @update-prices-31785.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31785" data-price-box="product-id-31785"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31785" data-price-amount="582" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 582,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-31785" data-price-amount="1165" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.165,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31783/
<form method="post" x-data="{itemData: initItem__6549d94a4b781(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31783/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31783">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31783">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31783.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-charme_1_16_2.png" loading="lazy" width="354" height="289" alt="Matras Charme - 80x200 cm"
title="Matras Charme - 80x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(31783);" :title="compareData.getCompareLabel(31783)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31783)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-80x200-cm.html">
Matras Charme - 80x200 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__6549d94a4b781() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a4b781()" @update-prices-31783.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31783" data-price-box="product-id-31783"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31783" data-price-amount="582" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 582,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-31783" data-price-amount="1165" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.165,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31781/
<form method="post" x-data="{itemData: initItem__6549d94a4de71(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31781/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31781">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31781">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31781.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-charme_1_16_1.png" loading="lazy" width="354" height="289" alt="Matras Charme - 70x200 cm"
title="Matras Charme - 70x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(31781);" :title="compareData.getCompareLabel(31781)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31781)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-70x200-cm.html">
Matras Charme - 70x200 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__6549d94a4de71() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a4de71()" @update-prices-31781.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31781" data-price-box="product-id-31781"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31781" data-price-amount="582" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 582,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-31781" data-price-amount="1165" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.165,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtNzB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31779/
<form method="post" x-data="{itemData: initItem__6549d94a50182(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/31779/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31779">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="31779">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31779.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-charme_1_16.png" loading="lazy" width="354" height="289" alt="Matras Charme - 70x190 cm" title="Matras Charme - 70x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(31779);" :title="compareData.getCompareLabel(31779)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31779)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-charme-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-charme-70x190-cm.html">
Matras Charme - 70x190 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__6549d94a50182() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a50182()" @update-prices-31779.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31779" data-price-box="product-id-31779"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31779" data-price-amount="582" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 582,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-31779" data-price-amount="1165" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.165,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtNzB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/product/37027/
<form method="post" x-data="{itemData: initItem__6549d63b96a1a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/product/37027/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37027">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="37027">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-prestige-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-37027.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-prestige_1_1.png" loading="lazy" width="354" height="289" alt="Matras Prestige - 140x200 cm"
title="Matras Prestige - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(37027);" :title="compareData.getCompareLabel(37027)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(37027)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-prestige-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-prestige-140x200-cm.html">
Matras Prestige - 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__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__6549d63b96a1a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d63b96a1a()" @update-prices-37027.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="37027" data-price-box="product-id-37027">
<span class="price-container price-final_price tax weee">
<span id="product-price-37027" data-price-amount="1169" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.169,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wcmVzdGlnZS0xNDB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40847/
<form method="post" x-data="{itemData: initItem__6549d94a56cc2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_7_11.jpg" loading="lazy" width="354" height="289" alt="Matras Mistral - 80x200 cm"
title="Matras Mistral - 80x200 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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(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/version1698308238/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__6549d94a56cc2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a56cc2()" @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="price-container price-final_price tax weee">
<span id="product-price-40847" data-price-amount="595" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 595,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40845/
<form method="post" x-data="{itemData: initItem__6549d94a590ad(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_7_19.jpg" loading="lazy" width="354" height="289" alt="Matras Mistral - 70x200 cm"
title="Matras Mistral - 70x200 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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(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/version1698308238/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__6549d94a590ad() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a590ad()" @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="price-container price-final_price tax weee">
<span id="product-price-40845" data-price-amount="595" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 595,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40843/
<form method="post" x-data="{itemData: initItem__6549d94a5b64a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_7_9.jpg" loading="lazy" width="354" height="289" alt="Matras Mistral - 70x190 cm"
title="Matras Mistral - 70x190 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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(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/version1698308238/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__6549d94a5b64a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a5b64a()" @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="price-container price-final_price tax weee">
<span id="product-price-40843" data-price-amount="595" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 595,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40841/
<form method="post" x-data="{itemData: initItem__6549d94a5df74(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40841/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40841">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="40841">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-40841.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_7_1_5.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 80x200 cm" title="Matras Orion - 80x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(40841);" :title="compareData.getCompareLabel(40841)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40841)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-80x200-cm.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-orion-80x200-cm.html">
Matras Orion - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a5df74() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a5df74()" @update-prices-40841.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40841" data-price-box="product-id-40841"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40841" data-price-amount="244" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 244,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-40841" data-price-amount="489" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 489,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi04MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40839/
<form method="post" x-data="{itemData: initItem__6549d94a614ac(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40839/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40839">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="40839">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-40839.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_7_1_4.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 70x200 cm" title="Matras Orion - 70x200 cm">
</picture>
<span class="product_label red"> Opruiming </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(40839);" :title="compareData.getCompareLabel(40839)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40839)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-70x200-cm.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-orion-70x200-cm.html">
Matras Orion - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a614ac() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a614ac()" @update-prices-40839.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40839" data-price-box="product-id-40839"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40839" data-price-amount="244" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 244,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-40839" data-price-amount="489" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 489,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi03MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40837/
<form method="post" x-data="{itemData: initItem__6549d94a63889(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40837/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40837">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="40837">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-40837.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_7_1_3.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 70x190 cm" title="Matras Orion - 70x190 cm">
</picture>
<span class="product_label red"> Opruiming </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(40837);" :title="compareData.getCompareLabel(40837)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40837)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-70x190-cm.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-orion-70x190-cm.html">
Matras Orion - 70x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a63889() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a63889()" @update-prices-40837.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40837" data-price-box="product-id-40837"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40837" data-price-amount="244" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 244,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-40837" data-price-amount="489" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 489,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi03MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40835/
<form method="post" x-data="{itemData: initItem__6549d94a66fb5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_7_2_7.jpg" 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 yellow"> Snelle levering 0€ </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(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/version1698308238/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__6549d94a66fb5() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a66fb5()" @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="price-container price-final_price tax weee">
<span id="product-price-40835" data-price-amount="428" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 428,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40833/
<form method="post" x-data="{itemData: initItem__6549d94a69f5d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_7_2_6.jpg" 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 yellow"> Snelle levering 0€ </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(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/version1698308238/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__6549d94a69f5d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a69f5d()" @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="price-container price-final_price tax weee">
<span id="product-price-40833" data-price-amount="428" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 428,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtNzB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40831/
<form method="post" x-data="{itemData: initItem__6549d94a6c702(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_7_2_5.jpg" loading="lazy" width="354" height="289" alt="Matras Cephée - 70x190 cm"
title="Matras Cephée - 70x190 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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(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/version1698308238/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__6549d94a6c702() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a6c702()" @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="price-container price-final_price tax weee">
<span id="product-price-40831" data-price-amount="428" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 428,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtNzB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/40809/
<form method="post" x-data="{itemData: initItem__6549ce0f96578(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_alize_1_4_3.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 180x200 cm" title="Matras Goyave - 180x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(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/version1698308238/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__6549ce0f96578() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce0f96578()" @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="price-container price-final_price tax weee">
<span id="product-price-40809" data-price-amount="1219" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.219,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40807/
<form method="post" x-data="{itemData: initItem__6549d94a6ea96(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_alize_1_4_2.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 160x200 cm" title="Matras Goyave - 160x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(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/version1698308238/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__6549d94a6ea96() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a6ea96()" @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="price-container price-final_price tax weee">
<span id="product-price-40807" data-price-amount="1059" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.059,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/product/40805/
<form method="post" x-data="{itemData: initItem__6549cc7454884(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTIwMC5odG1s/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_alize_1_4.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 140x200 cm" title="Matras Goyave - 140x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(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/version1698308238/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__6549cc7454884() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549cc7454884()" @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="price-container price-final_price tax weee">
<span id="product-price-40805" data-price-amount="915" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 915,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MC5odG1sP2F0dF9jb25mb3J0PUV2ZW53aWNodGlnK2NvbWZvcnQmYXR0X3NvbW1pZXJfY29tcGF0aWJsZT1CZWRib2RlbQ~~/product/40803/
<form method="post" x-data="{itemData: initItem__6549d6d1c99ce(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi9tYXRyYXNzZW4tMTQwLTE5MC5odG1sP2F0dF9jb25mb3J0PUV2ZW53aWNodGlnK2NvbWZvcnQmYXR0X3NvbW1pZXJfY29tcGF0aWJsZT1CZWRib2RlbQ~~/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_alize_1_4_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 140x190 cm" title="Matras Goyave - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(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/version1698308238/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__6549d6d1c99ce() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d6d1c99ce()" @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="price-container price-final_price tax weee">
<span id="product-price-40803" data-price-amount="915" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 915,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40801/
<form method="post" x-data="{itemData: initItem__6549d94a70e7a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_90_alize_1_1_2.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 90x200 cm" title="Matras Goyave - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(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/version1698308238/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__6549d94a70e7a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a70e7a()" @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="price-container price-final_price tax weee">
<span id="product-price-40801" data-price-amount="765" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 765,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/40799/
<form method="post" x-data="{itemData: initItem__6549ce0fafa22(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_90_alize_1_1_1.png" loading="lazy" width="354" height="289" alt="Matras Goyave - 90x190 cm" title="Matras Goyave - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(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/version1698308238/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__6549ce0fafa22() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce0fafa22()" @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="price-container price-final_price tax weee">
<span id="product-price-40799" data-price-amount="765" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 765,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1nb3lhdmUtOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40733/
<form method="post" x-data="{itemData: initItem__6549d94a74116(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40733/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40733">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="40733">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-40733.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_7_1_2.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 120x200 cm" title="Matras Orion - 120x200 cm">
</picture>
<span class="product_label red"> Opruiming </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40733);" :title="compareData.getCompareLabel(40733)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40733)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-120x200-cm.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-orion-120x200-cm.html">
Matras Orion - 120x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a74116() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a74116()" @update-prices-40733.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40733" data-price-box="product-id-40733"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40733" data-price-amount="307" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 307,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-40733" data-price-amount="615" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 615,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xMjB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40731/
<form method="post" x-data="{itemData: initItem__6549d94a76975(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40731/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="40731">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="40731">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-40731.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_7_1_1.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 120x190 cm" title="Matras Orion - 120x190 cm">
</picture>
<span class="product_label red"> Opruiming </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(40731);" :title="compareData.getCompareLabel(40731)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(40731)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-120x190-cm.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-orion-120x190-cm.html">
Matras Orion - 120x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a76975() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a76975()" @update-prices-40731.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="40731" data-price-box="product-id-40731"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-40731" data-price-amount="307" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 307,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-40731" data-price-amount="615" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 615,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('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xMjB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40721/
<form method="post" x-data="{itemData: initItem__6549d94a7901c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-supralatex_7_8.jpg" loading="lazy" width="354" height="289" alt="Matras Supralatex - 120x200 cm"
title="Matras Supralatex - 120x200 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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/version1698308238/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__6549d94a7901c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a7901c()" @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="price-container price-final_price tax weee">
<span id="product-price-40721" data-price-amount="1019" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.019,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zdXByYWxhdGV4LTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40717/
<form method="post" x-data="{itemData: initItem__6549d94a7b2a7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="40717">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matelas-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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_7_8.jpg" loading="lazy" width="354" height="289" alt="Matelas Memorytech - 120x200 cm"
title="Matelas Memorytech - 120x200 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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/version1698308238/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/matelas-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/matelas-memorytech-120x200-cm.html">
Matelas 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__6549d94a7b2a7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a7b2a7()" @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="price-container price-final_price tax weee">
<span id="product-price-40717" data-price-amount="1125" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.125,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMtbWVtb3J5dGVjaC0xMjB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40715/
<form method="post" x-data="{itemData: initItem__6549d94a7d81f(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-memorytech_7_7.jpg" loading="lazy" width="354" height="289" alt="Matras Memorytech - 120x190 cm"
title="Matras Memorytech - 120x190 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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/version1698308238/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__6549d94a7d81f() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a7d81f()" @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="price-container price-final_price tax weee">
<span id="product-price-40715" data-price-amount="1125" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.125,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1tZW1vcnl0ZWNoLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40701/
<form method="post" x-data="{itemData: initItem__6549d94a7fd29(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_7_2_4.jpg" 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 yellow"> Snelle levering 0€ </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/version1698308238/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__6549d94a7fd29() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a7fd29()" @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="price-container price-final_price tax weee">
<span id="product-price-40701" data-price-amount="549" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 549,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtMTIweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/40699/
<form method="post" x-data="{itemData: initItem__6549d94a82401(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cephee-v2_7_2_3.jpg" 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 yellow"> Snelle levering 0€ </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/version1698308238/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__6549d94a82401() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a82401()" @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="price-container price-final_price tax weee">
<span id="product-price-40699" data-price-amount="549" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 549,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jZXBoZWUtMTIweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/39915/
<form method="post" x-data="{itemData: initItem__6549d94a84a12(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/39915/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="39915">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="39915">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matelas-polair-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-39915.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-polair_1_1__1_1.png" loading="lazy" width="354" height="289" alt="Matelas Polair - 200x200 cm"
title="Matelas Polair - 200x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(39915);" :title="compareData.getCompareLabel(39915)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(39915)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/matelas-polair-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/matelas-polair-200x200-cm.html">
Matelas Polair - 200x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Dorsoline</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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__6549d94a84a12() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a84a12()" @update-prices-39915.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="39915" data-price-box="product-id-39915">
<span class="price-container price-final_price tax weee">
<span id="product-price-39915" data-price-amount="855" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 855,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMtcG9sYWlyLTIwMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/38435/
<form method="post" x-data="{itemData: initItem__6549d94a86ad1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_7_7.jpg" loading="lazy" width="354" height="289" alt="Matras Mistral - 120x200 cm"
title="Matras Mistral - 120x200 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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/version1698308238/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__6549d94a86ad1() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a86ad1()" @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="price-container price-final_price tax weee">
<span id="product-price-38435" data-price-amount="719" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 719,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/38433/
<form method="post" x-data="{itemData: initItem__6549d94a8ab56(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/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="c4R6K3uHuomG5d61"> <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="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-mistral_7_8.jpg" loading="lazy" width="354" height="289" alt="Matras Mistral - 120x190 cm"
title="Matras Mistral - 120x190 cm">
</picture>
<span class="product_label yellow"> Snelle levering 0€ </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/version1698308238/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__6549d94a8ab56() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a8ab56()" @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="price-container price-final_price tax weee">
<span id="product-price-38433" data-price-amount="719" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 719,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1taXN0cmFsLTEyMHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/37225/
<form method="post" x-data="{itemData: initItem__6549d94a8eb3d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/37225/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37225">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="37225">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matelas-memphis-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-37225.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-memphis_1_4.png" loading="lazy" width="354" height="289" alt="Matelas Memphis - 200x200 cm"
title="Matelas Memphis - 200x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(37225);" :title="compareData.getCompareLabel(37225)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(37225)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/matelas-memphis-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/matelas-memphis-200x200-cm.html">
Matelas Memphis - 200x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Art Bedding</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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"> Microveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__6549d94a8eb3d() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a8eb3d()" @update-prices-37225.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="37225" data-price-box="product-id-37225">
<span class="price-container price-final_price tax weee">
<span id="product-price-37225" data-price-amount="2629" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 2.629,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdGVsYXMtbWVtcGhpcy0yMDB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/37007/
<form method="post" x-data="{itemData: initItem__6549ce0fd754c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/37007/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37007">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="37007">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-panama-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-37007.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-panama_1.png" loading="lazy" width="354" height="289" alt="Matras Panama - 90x190 cm" title="Matras Panama - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(37007);" :title="compareData.getCompareLabel(37007)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(37007)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-panama-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-panama-90x190-cm.html">
Matras Panama - 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__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__6549ce0fd754c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce0fd754c()" @update-prices-37007.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="37007" data-price-box="product-id-37007">
<span class="price-container price-final_price tax weee">
<span id="product-price-37007" data-price-amount="1339" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.339,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wYW5hbWEtOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36411/
<form method="post" x-data="{itemData: initItem__6549ce0fe3714(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36411/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36411">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36411">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-erable-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-36411.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-erable_1_11_3.png" loading="lazy" width="354" height="289" alt="Matras Erable - 180x200 cm"
title="Matras Erable - 180x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36411);" :title="compareData.getCompareLabel(36411)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36411)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-erable-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-erable-180x200-cm.html">
Matras Erable - 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__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__6549ce0fe3714() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce0fe3714()" @update-prices-36411.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36411" data-price-box="product-id-36411">
<span class="price-container price-final_price tax weee">
<span id="product-price-36411" data-price-amount="1165" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.165,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmFibGUtMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/36409/
<form method="post" x-data="{itemData: initItem__6549d94a90f91(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/36409/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36409">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36409">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-erable-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-36409.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-erable_1_11_2.png" loading="lazy" width="354" height="289" alt="Matras Erable - 160x200 cm"
title="Matras Erable - 160x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36409);" :title="compareData.getCompareLabel(36409)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36409)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-erable-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-erable-160x200-cm.html">
Matras Erable - 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__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__6549d94a90f91() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a90f91()" @update-prices-36409.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36409" data-price-box="product-id-36409">
<span class="price-container price-final_price tax weee">
<span id="product-price-36409" data-price-amount="1059" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.059,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmFibGUtMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/36405/
<form method="post" x-data="{itemData: initItem__6549d94a92fd4(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/36405/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36405">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36405">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-erable-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-36405.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-erable_1_11.png" loading="lazy" width="354" height="289" alt="Matras Erable - 140x190 cm"
title="Matras Erable - 140x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36405);" :title="compareData.getCompareLabel(36405)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36405)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-erable-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-erable-140x190-cm.html">
Matras Erable - 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__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__6549d94a92fd4() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a92fd4()" @update-prices-36405.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36405" data-price-box="product-id-36405">
<span class="price-container price-final_price tax weee">
<span id="product-price-36405" data-price-amount="899" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmFibGUtMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36403/
<form method="post" x-data="{itemData: initItem__6549ce0fec944(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36403/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36403">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36403">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-erable-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-36403.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-erable_1_3_8.png" loading="lazy" width="354" height="289" alt="Matras Erable - 120x200 cm"
title="Matras Erable - 120x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36403);" :title="compareData.getCompareLabel(36403)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36403)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-erable-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-erable-120x200-cm.html">
Matras Erable - 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__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__6549ce0fec944() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce0fec944()" @update-prices-36403.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36403" data-price-box="product-id-36403">
<span class="price-container price-final_price tax weee">
<span id="product-price-36403" data-price-amount="899" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmFibGUtMTIweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36401/
<form method="post" x-data="{itemData: initItem__6549ce10017bb(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36401/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36401">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36401">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-erable-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-36401.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-erable_1_3_7.png" loading="lazy" width="354" height="289" alt="Matras Erable - 120x190 cm"
title="Matras Erable - 120x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36401);" :title="compareData.getCompareLabel(36401)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36401)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-erable-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-erable-120x190-cm.html">
Matras Erable - 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__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__6549ce10017bb() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce10017bb()" @update-prices-36401.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36401" data-price-box="product-id-36401">
<span class="price-container price-final_price tax weee">
<span id="product-price-36401" data-price-amount="899" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 899,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmFibGUtMTIweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/36399/
<form method="post" x-data="{itemData: initItem__6549d94a952fe(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1sPzs7/product/36399/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36399">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36399">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-erable-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-36399.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-erable_1_3_6.png" loading="lazy" width="354" height="289" alt="Matras Erable - 90x200 cm"
title="Matras Erable - 90x200 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36399);" :title="compareData.getCompareLabel(36399)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36399)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-erable-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-erable-90x200-cm.html">
Matras Erable - 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__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__6549d94a952fe() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549d94a952fe()" @update-prices-36399.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36399" data-price-box="product-id-36399">
<span class="price-container price-final_price tax weee">
<span id="product-price-36399" data-price-amount="745" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 745,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmFibGUtOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36397/
<form method="post" x-data="{itemData: initItem__6549ce100aed2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21lcmtlbi9zd2lzc3dheS5odG1s/product/36397/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36397">
<input name="form_key" type="hidden" value="c4R6K3uHuomG5d61"> <input type="hidden" name="product" value="36397">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-erable-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-36397.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-erable_1_3_5.png" loading="lazy" width="354" height="289" alt="Matras Erable - 90x190 cm"
title="Matras Erable - 90x190 cm">
</picture>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36397);" :title="compareData.getCompareLabel(36397)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36397)" xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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-erable-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-erable-90x190-cm.html">
Matras Erable - 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__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__6549ce100aed2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$el.querySelector('.normal-price .price-label');
const regularPriceElement = this.$el.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__6549ce100aed2()" @update-prices-36397.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36397" data-price-box="product-id-36397">
<span class="price-container price-final_price tax weee">
<span id="product-price-36397" data-price-amount="745" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 745,00</span></span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer " @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1lcmFibGUtOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1698308238/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="c4R6K3uHuomG5d61">
<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/version1698308238/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
026 691 715 Ons contacteren Afspraak in de winkel
België
Belgique France Luxembourg
Zoeken
Mijn winkel
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 1 persoon Bedbodem 2 personen Bekijk meer Laat minder zien
Bed
Set beddengoed
Boxspring
Bedkader
Kofferbed
Elektrisch bed
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
Kussensloop Kussensloop 40x60 Kussensloop 50x70 Kussensloop 63x63
Bedbeschermer Matrasbeschermer
Aanbiedingen
Opruiming
OLI
Blauw product
Selecteer een productcategorie
Onze adviezen
Vind je matras
MIJN MAND
Hoeveelheid:
Subtotaal:
Zie mijn mand
Bezig met laden...
AL GEREGISTREERD ?
Email Address
Wachtwoord
Inloggen Wachtwoord vergeten ?
NIEUWE KLANT?
Een account aanmaken
Skip to Content
1. Huis
2. Matras
MATRAS
Mijn zoekactie verfijnen
Prijs
Min € 79
Max € 2.950
OK
Afmetingen
1. 60x120 (3)
60x120 3
2. 70x140 (3)
70x140 3
3. 70x190 (19)
70x190 19
4. 70x200 (22)
70x200 22
5. 80x200 (25)
80x200 25
6. 90x190 (42)
90x190 42
7. 90x200 (40)
90x200 40
8. 120x190 (24)
120x190 24
9. 120x200 (22)
120x200 22
10. 140x190 (42)
140x190 42
No value matching the search "undefined".
Show more+ Show less-
Comfort
Zacht comfort (69) Omhullende comfort (61) Evenwichtig comfort (148) Stevig
comfort (105)
Belangrijkste Technologie
1. Pocketveren (160)
Pocketveren 160
2. Polyurethaanschuim (62)
Polyurethaanschuim 62
3. Aeroflex schuim (39)
Aeroflex schuim 39
4. Microveren (35)
Microveren 35
5. Koudschuim (28)
Koudschuim 28
6. Bultex nano schuim (19)
Bultex nano schuim 19
7. Traagschuim (18)
Traagschuim 18
8. Hybrid schuim (15)
Hybrid schuim 15
9. Latex (7)
Latex 7
No value matching the search "undefined".
Show more+ Show less-
Steun
1. Medium (176)
Medium 176
2. Stevig (193)
Stevig 193
3. Zeer stevig (14)
Zeer stevig 14
No value matching the search "undefined".
Show more+ Show less-
Dikte (cm)
1. 9 (11)
9 11
2. 12 (6)
12 6
3. 14 (6)
14 6
4. 15 (5)
15 5
5. 16 (22)
16 22
6. 17 (21)
17 21
7. 18 (18)
18 18
8. 19 (23)
19 23
9. 20 (41)
20 41
10. 21 (54)
21 54
No value matching the search "undefined".
Show more+ Show less-
Merk
1. Swissway (164)
Swissway 164
2. Oli (87)
Oli 87
3. Dorsoline (58)
Dorsoline 58
4. Bultex (19)
Bultex 19
5. Epeda (18)
Epeda 18
6. Art Bedding (15)
Art Bedding 15
7. Le Roi du Matelas (14)
Le Roi du Matelas 14
8. Merinos (8)
Merinos 8
No value matching the search "undefined".
Show more+ Show less-
Productieland
1. België (208)
België 208
2. Nederland (143)
Nederland 143
3. Frankrijk (32)
Frankrijk 32
No value matching the search "undefined".
Show more+ Show less-
Op Korting
1. Ja (96)
Ja 96
No value matching the search "undefined".
Show more+ Show less-
Zomerzijde / Winterzijde
1. Ja (86)
Ja 86
No value matching the search "undefined".
Show more+ Show less-
Garnissage face A
1. Mousse de confort (126)
Mousse de confort 126
No value matching the search "undefined".
Show more+ Show less-
Epaisseur du latex
1. 3 (6)
3 6
No value matching the search "undefined".
Show more+ Show less-
Filter
Sort By
Populariteit Product naam Prijs oplopend Prijs aflopend
Items 1-60 of 383
Items 1-60 of 383
Matras Seasons - 180x200 cm
Swissway
Stevig comfort Hybrid schuim
€ 1.999,00
Detail
Matras Seasons - 140x190 cm
Swissway
Stevig comfort Hybrid schuim
€ 1.599,00
Detail
Opruiming
Exclu web
Matras Bellatrix - 140x200 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 359,00 -50% Regular Price € 719,00
Detail
Opruiming
Exclu web
Matras Bellatrix - 90x200 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 307,00 -50% Regular Price € 615,00
Detail
Opruiming
Exclu web
Matras Bellatrix - 160x200 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 444,00 -50% Regular Price € 889,00
Detail
Opruiming
Exclu web
Matras Bellatrix - 140x190 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 359,00 -50% Regular Price € 719,00
Detail
Opruiming
Exclu web
Matras Bellatrix - 90x190 cm
Oli
Evenwichtig comfort Koudschuim
Special Price € 307,00 -50% Regular Price € 615,00
Detail
Opruiming
Exclu web
Matras Popup - 90x190 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 249,00 -60% Regular Price € 639,00
Detail
Opruiming
Exclu web
Matras Ergotech - 180x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 549,00 -50% Regular Price € 1.099,00
Detail
Opruiming
Exclu web
Matras Ergotech - 160x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 477,00 -50% Regular Price € 955,00
Detail
Opruiming
Exclu web
Matras Ergotech - 140x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 402,00 -50% Regular Price € 805,00
Detail
Opruiming
Exclu web
Matras Ergotech - 140x190 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 402,00 -50% Regular Price € 805,00
Detail
Opruiming
Exclu web
Matras Ergotech - 90x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 339,00 -50% Regular Price € 679,00
Detail
Opruiming
Exclu web
Matras Ergotech - 90x190 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 339,00 -50% Regular Price € 679,00
Detail
Opruiming
Matras Charme - 180x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 899,00 -50% Regular Price € 1.799,00
Detail
Opruiming
Matras Charme - 160x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 794,00 -50% Regular Price € 1.589,00
Detail
Opruiming
Matras Charme - 140x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
Opruiming
Matras Charme - 140x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
Opruiming
Matras Charme - 120x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
Opruiming
Matras Charme - 120x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
Opruiming
Matras Charme - 90x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 582,00 -50% Regular Price € 1.165,00
Detail
Opruiming
Matras Charme - 90x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 582,00 -50% Regular Price € 1.165,00
Detail
Opruiming
Matras Charme - 80x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 582,00 -50% Regular Price € 1.165,00
Detail
Opruiming
Matras Charme - 70x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 582,00 -50% Regular Price € 1.165,00
Detail
Opruiming
Matras Charme - 70x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 582,00 -50% Regular Price € 1.165,00
Detail
Matras Prestige - 140x200 cm
Swissway
Stevig comfort Pocketveren
€ 1.169,00
Detail
Snelle levering 0€
Matras Mistral - 80x200 cm
Oli
Stevig comfort Pocketveren
€ 595,00
Detail
Snelle levering 0€
Matras Mistral - 70x200 cm
Oli
Stevig comfort Pocketveren
€ 595,00
Detail
Snelle levering 0€
Matras Mistral - 70x190 cm
Oli
Stevig comfort Pocketveren
€ 595,00
Detail
Opruiming
Matras Orion - 80x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 244,00 -50% Regular Price € 489,00
Detail
Opruiming
Matras Orion - 70x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 244,00 -50% Regular Price € 489,00
Detail
Opruiming
Matras Orion - 70x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 244,00 -50% Regular Price € 489,00
Detail
Snelle levering 0€
Matras Céphée - 80x200 cm
Oli
Stevig comfort Koudschuim
€ 428,00
Detail
Snelle levering 0€
Matras Céphée - 70x200 cm
Oli
Stevig comfort Koudschuim
€ 428,00
Detail
Snelle levering 0€
Matras Cephée - 70x190 cm
Oli
Stevig comfort Koudschuim
€ 428,00
Detail
Matras Goyave - 180x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
€ 1.219,00
Detail
Matras Goyave - 160x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
€ 1.059,00
Detail
Matras Goyave - 140x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
€ 915,00
Detail
Matras Goyave - 140x190 cm
Swissway
Evenwichtig comfort Hybrid schuim
€ 915,00
Detail
Matras Goyave - 90x200 cm
Swissway
Evenwichtig comfort Hybrid schuim
€ 765,00
Detail
Matras Goyave - 90x190 cm
Swissway
Evenwichtig comfort Hybrid schuim
€ 765,00
Detail
Opruiming
Exclu web
Matras Orion - 120x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 307,00 -50% Regular Price € 615,00
Detail
Opruiming
Exclu web
Matras Orion - 120x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 307,00 -50% Regular Price € 615,00
Detail
Snelle levering 0€
Exclu web
Matras Supralatex - 120x200 cm
Oli
Zacht comfort Latex
€ 1.019,00
Detail
Snelle levering 0€
Exclu web
Matelas Memorytech - 120x200 cm
Oli
Omhullende comfort Traagschuim
€ 1.125,00
Detail
Snelle levering 0€
Exclu web
Matras Memorytech - 120x190 cm
Oli
Omhullende comfort Traagschuim
€ 1.125,00
Detail
Snelle levering 0€
Exclu web
Matras Céphée - 120x200 cm
Oli
Stevig comfort Koudschuim
€ 549,00
Detail
Snelle levering 0€
Exclu web
Matras Céphée - 120x190 cm
Oli
Stevig comfort Koudschuim
€ 549,00
Detail
Matelas Polair - 200x200 cm
Dorsoline
Stevig comfort Pocketveren
€ 855,00
Detail
Snelle levering 0€
Exclu web
Matras Mistral - 120x200 cm
Oli
Stevig comfort Pocketveren
€ 719,00
Detail
Snelle levering 0€
Exclu web
Matras Mistral - 120x190 cm
Oli
Stevig comfort Pocketveren
€ 719,00
Detail
Matelas Memphis - 200x200 cm
Art Bedding
Omhullende comfort Microveren
€ 2.629,00
Detail
Matras Panama - 90x190 cm
Swissway
Stevig comfort Pocketveren
€ 1.339,00
Detail
Matras Erable - 180x200 cm
Swissway
Omhullende comfort Traagschuim
€ 1.165,00
Detail
Matras Erable - 160x200 cm
Swissway
Omhullende comfort Traagschuim
€ 1.059,00
Detail
Matras Erable - 140x190 cm
Swissway
Omhullende comfort Traagschuim
€ 899,00
Detail
Matras Erable - 120x200 cm
Swissway
Omhullende comfort Traagschuim
€ 899,00
Detail
Matras Erable - 120x190 cm
Swissway
Omhullende comfort Traagschuim
€ 899,00
Detail
Matras Erable - 90x200 cm
Swissway
Omhullende comfort Traagschuim
€ 745,00
Detail
Matras Erable - 90x190 cm
Swissway
Omhullende comfort Traagschuim
€ 745,00
Detail
1.
2. You're currently reading page 1
3. Page 2
4. Page 3
5. Page 4
6. Page 5
7.
Bekijk per pagina
60 items 90 items 120 items 150 items
per page
Vergelijk producten
Vergelijk Verwijder alles
Kwaliteit tegen een minimumprijs
200 testnachten
Click & Collect 2u 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 JUISTE MATRAS KIEZEN
We brengen een derde van ons leven in bed door, vandaar het belang van het
kiezen van de matras die het beste bij onze behoeften past om van een goede
nachtrust te genieten. De rol van de matras is belangrijk omdat deze de
bewegingen van ons lichaam tijdens onze slaap absorbeert. De matras gaat hand in
hand met de keuze van de lattenbodem. Door de combinatie van de twee kunt u uw
comfort optimaliseren en van maximale ondersteuning genieten.
DE VERSCHILLENDE SOORTEN MATRASSEN
Er zijn drie technologieën beschikbaar: latex, schuim of met veren. Het
belangrijkste is om te bepalen welke het beste bij u past. Dit op basis van uw
lichaamstype, uw comfort en wenscriteria.
LATEXMATRAS
Er zijn twee soorten latexmatrassen beschikbaar: natuurlijk of synthetisch.
Natuurlijke latex is een materiaal van plantaardige oorsprong afkomstig van het
sap van de rubberboom. De kern (of het hart) van de matras moet minimaal 10 cm
latex van rubberboom sap bevatten. Als de latexmatrassen minstens 85% latex van
natuurlijke oorsprong bevatten, wordt de vermelding "Natuurlijk" of "100%
natuurlijke oorsprong" toegekend.
SYNTHETISCHE LATEX IS EEN MENGSEL VAN NATUURLIJKE LATEX EN POLYURETHAAN.
Latexmatrassen zijn flexibel en stimulerend voor optimale zachtheid en bieden
een hoogwaardig comfort voor de slaper. Dankzij de lucht cellen zorgen de
latexmatrassen voor een goede natuurlijke ventilatie en voorkomen ze nachtelijk
zweten. Latex past zich aan alle lichaamstypes aan en is wederom zeer
comfortabel en bovendien hypoallergeen. De matrasdikte en
latexdichtheidscriteria zijn belangrijk. Hoe hoger de dichtheid, hoe langer de
levensduur van de matras. De dichtheidswaarden liggen tussen 60 en 90 kg / m3.
SCHUIMMATRAS
De schuimmatrassen zijn gemaakt van synthetisch materiaal. Er zijn 3 soorten
schuim: polyether, polyurethaan en Bultex.
* Het polyetherschuim heeft een dichtheid van 16 tot 30 kg / m3 met gesloten
cellen voor een basiscomfort.
* Het polyurethaanschuim heeft een dichtheid van 30 tot 60 kg / m3 met open
cellen voor meer comfort en een betere levensduur.
* Het 100% Bultex-schuim, specifiek van het merk Bultex, zorgt dankzij de
meervoudige cellen, voor meer ondersteuning en efficiëntere aanpassing aan de
lichaamsbouw.
De schuimmatrassen bieden stevig, tot zeer stevig comfort. Ze zijn wel gevoelig
voor vocht en moeten daarom op een lattenbodem geplaatst worden voor een betere
luchtcirculatie. Het schuim heeft het voordeel dat het na gebruik zijn perfecte
vorm terugkrijgt, een goede levensduur heeft, licht is in gewicht en gemakkelijk
te hanteren is. De schuimmatrassen hebben een goede prijs / comfort verhouding.
TRAAGSCHUIM MATRAS
Traagschuim matrassen zijn gemaakt van visco-elastisch of thermo-reactief schuim
dat op lichaamswarmte reageert en die zich perfect bij de rondingen van het
lichaam aansluit. Het visco-elastische schuim heeft een dichtheid van 40 tot 60
kg / m3 : hoe hoger de dichtheid, hoe beter het comfort en de ondersteuning. De
kern van de visco-elastische matras is minimaal 7 cm dik om de naam
"traagschuim" te mogen dragen. Het traagschuim verwijdert drukpunten en
bevordert een betere doorbloeding dankzij een betere verdeling van het lichaam
over de matras. Een traagschuim matras verlicht lage rugpijn en
gewrichtsproblemen. Ze bevorderen een goede nachtrust omdat ze ervoor zorgen 's
nachts minder te draaien. De traagschuim matras is niet geschikt voor mensen die
's nachts veel zweten omdat het lichaamswarmte ophoopt. Om een goede ventilatie
van de matras te bevorderen, is het absoluut noodzakelijk om een lattenbodem te
gebruiken.
VEER MATRAS
Pocketveren matrassen zijn de meest comfortabele matrassen op de markt. De
veermatrassen behoren tot de hoge standing door verschillende soorten veren aan
te bieden: ingekapseld, biconisch, multi-spiralen. Dankzij het feit dat ze de
drukpunten ontlasten bieden ze een perfecte ondersteuning van het lichaam. Het
aantal veren bepaalt de kwaliteit van de matras: hoe meer veren, hoe
comfortabeler de matras. De pocketvering matrassen zorgen voor een
slaaponafhankelijkheid, ideaal als je partner onrustig slaapt. Ze hebben een
goede ventilatie en worden aanbevolen voor mensen die het 's nachts warm hebben.
Voor een nog beter comfort, kan met een gestoffeerde bedbodem of strakke
lattenbodem met de pocketvering matras combineren.
VERSCHILLENDE AFMETINGEN
Om de maat van uw matras te kiezen, is het raadzaam om 20 cm aan uw lengte toe
te voegen. Het is belangrijk om rekening te houden met uw comfort en daarom uw
keuze aan uw behoeften en wensen aan te passen. Op dezelfde manier is de
configuratie van de slaapkamer een essentieel criterium. We mogen niet vergeten
dat breedte ook van belang is, wetende dat een slaper 40 keer per nacht draait.
De breedtes van 160 en 180 zijn belangrijk voor al met z'n twee slaapt en als u
verschillende maten hebt.
EEN MATRAS DAT ZICH AAN DE SEIZOENEN AANPAST
Het voordeel van een matras met een winterzijde en een zomerzijde is om tijdens
elk seizoen comfort te bieden. De winterzijde is dikker en heeft ook meer
vulling om de warmte beter te behouden. De zomerzijde heeft als voordeel dat de
padding lichter is en daardoor minder warm voor het lichaam is. Met een matras
dat zich aan de seizoenen aanpast kunt u genieten van een warmteverschil dankzij
de wisselbare zijde en ook om de matras minstens twee keer per jaar te draaien
om zijn levensduur te verlengen.
VIND ALLE MATEN MATRASSEN
* Matrassen 70x200
* Matrassen 80x200
* Matrassen 90x190
* Matrassen 90x200
* Matrassen 140x190
* Matrassen 140x200
* Matrassen 160x200 (Queen Size)
* Matrassen 180x200
* Matrassen 200x200 (King Size)
* Matrassen Baby en kinderbedden
* Schuim matras
* Latex matras
* Traagschuim matras
* Veren matras
* Babymatras
* Oplegmatras
* De Matrassenkoning
* Ons verhaal
* Onze kennis
* Onze merken
* Voor de professionele
* Affiliate campagne
* Adviezen
* Afspraak in winkel
* Contact
* 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.
Continuer sans accepter
Mijn browservoorkeuren beheren
De Matrassenkoning gebruikt cookies om de goede werking van de website te
garanderen (bijvoorbeeld om goederen in uw winkelwagen te houden of om u
eenvoudig aan te melden). Ze stellen u ook in staat het publiek anoniem te meten
of services en advertenties op maat aan te bieden. U kunt ze op elk gewenst
moment instellen.
Lees het privacybeleid
Toestemmingen gecertificeerd door
Axeptio est le tiers de confiance au service de la confidentialité des
internautes.
Il garantit le recueil de votre consentement et l'enregistrement conforme de vos
choix.
Vous avez un site et vous voulez prendre soin de la vie privée
de vos utilisateurs ? 👉 Découvrez Axeptio
InstellingenOk voor mij
Axeptio consent