www.de-matrassenkoning.be
Open in
urlscan Pro
146.185.45.35
Public Scan
Submitted URL: https://news.belaanbieding.com/re?l=D0Iytro2eI9xcay33IaITlkk0qex4&s=LIHGADLHFDKFCJFH
Effective URL: https://www.de-matrassenkoning.be/solden-belgie.html?utm_source=mojo_email&utm_medium=mojo_email_trafic&utm_campaign=mojo_juillet_...
Submission: On July 28 via api from BE — Scanned from DE
Effective URL: https://www.de-matrassenkoning.be/solden-belgie.html?utm_source=mojo_email&utm_medium=mojo_email_trafic&utm_campaign=mojo_juillet_...
Submission: On July 28 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/version1690452387/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37015/
<form method="post" x-data="{itemData: initItem__64c2d96f502b4(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37015/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="37015">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="37015">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-panama-140-190-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-37015.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-panama_1_1.png" loading="lazy" width="354" height="289" alt="Matras Panama - 140x190 cm"
title="Matras Panama - 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 external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(37015);" :title="compareData.getCompareLabel(37015)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(37015)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-140-190-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-140-190-cm.html">
Matras Panama - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f502b4() {
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__64c2d96f502b4()" @update-prices-37015.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="37015" data-price-box="product-id-37015"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-37015" data-price-amount="499" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 499,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -70%</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-37015" data-price-amount="1669" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.669,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wYW5hbWEtMTQwLTE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31495/
<form method="post" x-data="{itemData: initItem__64c2d96f588e7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31495/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31495">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31495">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-popup-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-31495.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-popup_7_8.jpg" loading="lazy" width="354" height="289" alt="Matras Popup - 90x200 cm" title="Matras Popup - 90x200 cm">
</picture>
<span class="product_label red"> Einde Reeks </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 external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31495);" :title="compareData.getCompareLabel(31495)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31495)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-popup-90x200-cm.html">
Matras Popup - 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__64c2d96f588e7() {
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__64c2d96f588e7()" @update-prices-31495.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31495" data-price-box="product-id-31495"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31495" 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-31495" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1wb3B1cC05MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31493/
<form method="post" x-data="{itemData: initItem__64c2d96f5c9af(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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"> Einde Reeks </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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f5c9af() {
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__64c2d96f5c9af()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37043/
<form method="post" x-data="{itemData: initItem__64c2d96f5f8a5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f5f8a5() {
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__64c2d96f5f8a5()" @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="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-37043" data-price-amount="999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 999,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-37043" data-price-amount="1999" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.999,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37041/
<form method="post" x-data="{itemData: initItem__64c2d96f61fce(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37041/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="37041">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="37041">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-seasons-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-37041.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-seasons_1_2.png" loading="lazy" width="354" height="289" alt="Matras Seasons - 160x200 cm"
title="Matras Seasons - 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 external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(37041);" :title="compareData.getCompareLabel(37041)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(37041)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-seasons-160x200-cm.html">
Matras Seasons - 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__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__64c2d96f61fce() {
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__64c2d96f61fce()" @update-prices-37041.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="37041" data-price-box="product-id-37041"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-37041" 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-37041" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZWFzb25zLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37037/
<form method="post" x-data="{itemData: initItem__64c2d96f649e9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f649e9() {
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__64c2d96f649e9()" @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="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-37037" data-price-amount="799" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 799,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -50%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-37037" data-price-amount="1599" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.599,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37027/
<form method="post" x-data="{itemData: initItem__64c2d96f672e8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f672e8() {
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__64c2d96f672e8()" @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="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-37027" data-price-amount="699" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 699,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -40%</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-37027" data-price-amount="1169" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.169,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/37007/
<form method="post" x-data="{itemData: initItem__64c2d96f6a38e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f6a38e() {
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__64c2d96f6a38e()" @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="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-37007" data-price-amount="399" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 399,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -70%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-37007" data-price-amount="1339" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.339,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/product/36265/
<form method="post" x-data="{itemData: initItem__64c2d65bb7968(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/product/36265/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36265">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="36265">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-36265.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-sensospring_1_3_3.png" loading="lazy" width="354" height="289" alt="Matras Sensospring - 180x200 cm"
title="Matras Sensospring - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36265);" :title="compareData.getCompareLabel(36265)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36265)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-180x200-cm.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-sensospring-180x200-cm.html">
Matras Sensospring - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<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__64c2d65bb7968() {
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__64c2d65bb7968()" @update-prices-36265.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36265" data-price-box="product-id-36265"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36265" data-price-amount="457" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 457,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-36265" data-price-amount="915" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 915,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZW5zb3NwcmluZy0xODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/36263/
<form method="post" x-data="{itemData: initItem__64c2d6f3eccc5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/36263/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36263">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="36263">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-36263.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-sensospring_1_3_2.png" loading="lazy" width="354" height="289" alt="Matras Sensospring - 160x200 cm"
title="Matras Sensospring - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36263);" :title="compareData.getCompareLabel(36263)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36263)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-sensospring-160x200-cm.html">
Matras Sensospring - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d6f3eccc5() {
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__64c2d6f3eccc5()" @update-prices-36263.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36263" data-price-box="product-id-36263"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36263" 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-36263" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZW5zb3NwcmluZy0xNjB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/36261/
<form method="post" x-data="{itemData: initItem__64c2d6f402f4b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/36261/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36261">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="36261">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-36261.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-sensospring_1_3_1.png" loading="lazy" width="354" height="289" alt="Matras Sensospring - 140x200 cm"
title="Matras Sensospring - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36261);" :title="compareData.getCompareLabel(36261)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36261)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-sensospring-140x200-cm.html">
Matras Sensospring - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d6f402f4b() {
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__64c2d6f402f4b()" @update-prices-36261.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36261" data-price-box="product-id-36261"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36261" 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-36261" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZW5zb3NwcmluZy0xNDB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/36259/
<form method="post" x-data="{itemData: initItem__64c2d6f40e279(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/36259/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36259">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="36259">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-36259.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-sensospring_1_3.png" loading="lazy" width="354" height="289" alt="Matras Sensospring - 140x190 cm"
title="Matras Sensospring - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36259);" :title="compareData.getCompareLabel(36259)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36259)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-sensospring-140x190-cm.html">
Matras Sensospring - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d6f40e279() {
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__64c2d6f40e279()" @update-prices-36259.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36259" data-price-box="product-id-36259"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36259" 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-36259" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZW5zb3NwcmluZy0xNDB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/36253/
<form method="post" x-data="{itemData: initItem__64c2d96f6d100(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/36253/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="36253">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="36253">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-36253.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-sensospring_1_2.png" loading="lazy" width="354" height="289" alt="Matras Sensospring - 90x200 cm"
title="Matras Sensospring - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36253);" :title="compareData.getCompareLabel(36253)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36253)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-sensospring-90x200-cm.html">
Matras Sensospring - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f6d100() {
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__64c2d96f6d100()" @update-prices-36253.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36253" data-price-box="product-id-36253"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36253" data-price-amount="264" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 264,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-36253" data-price-amount="529" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 529,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZW5zb3NwcmluZy05MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbA%2C%2C/product/36251/
<form method="post" x-data="{itemData: initItem__64c2db67900e9(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbA%2C%2C/product/36251/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36251">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="36251">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-36251.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-sensospring_1_1.png" loading="lazy" width="354" height="289" alt="Matras Sensospring - 90x190 cm"
title="Matras Sensospring - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(36251);" :title="compareData.getCompareLabel(36251)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(36251)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-sensospring-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-sensospring-90x190-cm.html">
Matras Sensospring - 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"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2db67900e9() {
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__64c2db67900e9()" @update-prices-36251.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36251" data-price-box="product-id-36251"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-36251" data-price-amount="264" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 264,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-36251" data-price-amount="529" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 529,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zZW5zb3NwcmluZy05MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/36231/
<form method="post" x-data="{itemData: initItem__64c2d96f71b23(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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-160-200-ergotech_1_3_3.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 180x200 cm"
title="Matras Ergotech - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f71b23() {
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__64c2d96f71b23()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbA%2C%2C/product/36229/
<form method="post" x-data="{itemData: initItem__64c2da1dc779c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbA%2C%2C/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="JzVgaad9yuscFNrf"> <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-160-200-ergotech_1_3_2.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 160x200 cm"
title="Matras Ergotech - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2da1dc779c() {
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__64c2da1dc779c()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/36227/
<form method="post" x-data="{itemData: initItem__64c2d96f74b1b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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-160-200-ergotech_1_3_1.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 140x200 cm"
title="Matras Ergotech - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f74b1b() {
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__64c2d96f74b1b()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/36225/
<form method="post" x-data="{itemData: initItem__64c2d96f77d9d(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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-160-200-ergotech_1_3.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 140x190 cm"
title="Matras Ergotech - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f77d9d() {
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__64c2d96f77d9d()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/36223/
<form method="post" x-data="{itemData: initItem__64c2d96f7b6ee(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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_1_2.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 90x200 cm"
title="Matras Ergotech - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f7b6ee() {
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__64c2d96f7b6ee()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/36221/
<form method="post" x-data="{itemData: initItem__64c2d96f7e9dc(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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_1_1.png" loading="lazy" width="354" height="289" alt="Matras Ergotech - 90x190 cm"
title="Matras Ergotech - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96f7e9dc() {
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__64c2d96f7e9dc()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35313/
<form method="post" x-data="{itemData: initItem__64c2d96f819ed(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35313/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35313">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35313">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-35313.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-orion_1_6_2.png" loading="lazy" width="354" height="289" alt="Matras Orion - 180x200 cm"
title="Matras Orion - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35313);" :title="compareData.getCompareLabel(35313)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35313)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-orion-180x200-cm.html">
Matras Orion - 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__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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f819ed() {
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__64c2d96f819ed()" @update-prices-35313.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35313" data-price-box="product-id-35313">
<span class="price-container price-final_price tax weee">
<span id="product-price-35313" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZmOTgwZjQ5N2VidXBhem9oMTVkNmMzdmtkaWk2LXM0dDVyb3V1dmU%2C/product/35311/
<form method="post" x-data="{itemData: initItem__64c2d3e4f1d61(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZmOTgwZjQ5N2VidXBhem9oMTVkNmMzdmtkaWk2LXM0dDVyb3V1dmU%2C/product/35311/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35311">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35311">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-35311.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-orion_1_6_3.png" loading="lazy" width="354" height="289" alt="Matras Orion - 160x200 cm"
title="Matras Orion - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35311);" :title="compareData.getCompareLabel(35311)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35311)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-orion-160x200-cm.html">
Matras Orion - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d3e4f1d61() {
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__64c2d3e4f1d61()" @update-prices-35311.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35311" data-price-box="product-id-35311"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35311" data-price-amount="372" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 372,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-35311" data-price-amount="745" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 745,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xNjB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35309/
<form method="post" x-data="{itemData: initItem__64c2d96f84cbe(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35309/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35309">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35309">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-35309.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-orion_1_6_1.png" loading="lazy" width="354" height="289" alt="Matras Orion - 140x200 cm"
title="Matras Orion - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35309);" :title="compareData.getCompareLabel(35309)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35309)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-orion-140x200-cm.html">
Matras Orion - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f84cbe() {
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__64c2d96f84cbe()" @update-prices-35309.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35309" data-price-box="product-id-35309"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35309" 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-35309" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xNDB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35307/
<form method="post" x-data="{itemData: initItem__64c2d96f876b6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35307/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35307">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35307">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-35307.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-orion_1_6.png" loading="lazy" width="354" height="289" alt="Matras Orion - 140x190 cm" title="Matras Orion - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35307);" :title="compareData.getCompareLabel(35307)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35307)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-orion-140x190-cm.html">
Matras Orion - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f876b6() {
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__64c2d96f876b6()" @update-prices-35307.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35307" data-price-box="product-id-35307"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35307" 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-35307" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi0xNDB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35305/
<form method="post" x-data="{itemData: initItem__64c2d96f8a0f1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35305/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35305">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35305">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-35305.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_1_6_1.png" loading="lazy" width="354" height="289" alt="Matras Orion - 90x200 cm" title="Matras Orion - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35305);" :title="compareData.getCompareLabel(35305)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35305)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-orion-90x200-cm.html">
Matras Orion - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f8a0f1() {
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__64c2d96f8a0f1()" @update-prices-35305.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35305" data-price-box="product-id-35305"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35305" 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-35305" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi05MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35303/
<form method="post" x-data="{itemData: initItem__64c2d96f8cce2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35303/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35303">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35303">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-orion-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-35303.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-orion_7_5.jpg" loading="lazy" width="354" height="289" alt="Matras Orion - 90x190 cm" title="Matras Orion - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35303);" :title="compareData.getCompareLabel(35303)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35303)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-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-orion-90x190-cm.html">
Matras Orion - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f8cce2() {
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__64c2d96f8cce2()" @update-prices-35303.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35303" data-price-box="product-id-35303"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35303" 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-35303" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1vcmlvbi05MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35289/
<form method="post" x-data="{itemData: initItem__64c2d96f8ff05(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35289/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35289">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35289">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-35289.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cocoon_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 180x200 cm"
title="Matras Cocoon - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35289);" :title="compareData.getCompareLabel(35289)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35289)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-cocoon-180x200-cm.html">
Matras Cocoon - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f8ff05() {
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__64c2d96f8ff05()" @update-prices-35289.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35289" data-price-box="product-id-35289"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35289" data-price-amount="667" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 667,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-35289" data-price-amount="1335" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.335,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tMTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZmOTgwZjQ5N2VidXBhem9oMTVkNmMzdmtkaWk2LXM0dDVyb3V1dmU%2C/product/35287/
<form method="post" x-data="{itemData: initItem__64c2d3e509bf6(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZmOTgwZjQ5N2VidXBhem9oMTVkNmMzdmtkaWk2LXM0dDVyb3V1dmU%2C/product/35287/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35287">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35287">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-35287.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cocoon_1_5.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 160x200 cm"
title="Matras Cocoon - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35287);" :title="compareData.getCompareLabel(35287)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35287)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-cocoon-160x200-cm.html">
Matras Cocoon - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d3e509bf6() {
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__64c2d3e509bf6()" @update-prices-35287.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35287" data-price-box="product-id-35287"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35287" data-price-amount="614" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 614,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-35287" data-price-amount="1229" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.229,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tMTYweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY1ZTBkZjQ5N2RvZWdzeHMyeHIyODg4dnVwZzg4LW5iMmkzMzg2N2s%2C/product/35285/
<form method="post" x-data="{itemData: initItem__64c2cf9f796ea(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY1ZTBkZjQ5N2RvZWdzeHMyeHIyODg4dnVwZzg4LW5iMmkzMzg2N2s%2C/product/35285/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35285">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35285">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-35285.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cocoon_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 140x200 cm"
title="Matras Cocoon - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35285);" :title="compareData.getCompareLabel(35285)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35285)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-cocoon-140x200-cm.html">
Matras Cocoon - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2cf9f796ea() {
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__64c2cf9f796ea()" @update-prices-35285.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35285" data-price-box="product-id-35285"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35285" data-price-amount="487" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 487,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-35285" data-price-amount="975" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 975,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tMTQweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35283/
<form method="post" x-data="{itemData: initItem__64c2d96f92efc(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35283/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35283">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35283">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-35283.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-cocoon_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 140x190 cm"
title="Matras Cocoon - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35283);" :title="compareData.getCompareLabel(35283)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35283)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-cocoon-140x190-cm.html">
Matras Cocoon - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f92efc() {
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__64c2d96f92efc()" @update-prices-35283.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35283" data-price-box="product-id-35283"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35283" data-price-amount="487" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 487,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-35283" data-price-amount="975" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 975,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tMTQweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY1ZTBkZjQ5N2RvZWdzeHMyeHIyODg4dnVwZzg4LW5iMmkzMzg2N2s%2C/product/35281/
<form method="post" x-data="{itemData: initItem__64c2cf9f82d9a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY1ZTBkZjQ5N2RvZWdzeHMyeHIyODg4dnVwZzg4LW5iMmkzMzg2N2s%2C/product/35281/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35281">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35281">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-35281.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cocoon_1_5.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 90x200 cm" title="Matras Cocoon - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35281);" :title="compareData.getCompareLabel(35281)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35281)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-cocoon-90x200-cm.html">
Matras Cocoon - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2cf9f82d9a() {
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__64c2cf9f82d9a()" @update-prices-35281.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35281" data-price-box="product-id-35281"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35281" 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-35281" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tOTB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35279/
<form method="post" x-data="{itemData: initItem__64c2d96f95bbd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/35279/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="35279">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="35279">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-35279.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-cocoon_1.png" loading="lazy" width="354" height="289" alt="Matras Cocoon - 90x190 cm" title="Matras Cocoon - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(35279);" :title="compareData.getCompareLabel(35279)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(35279)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-cocoon-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-cocoon-90x190-cm.html">
Matras Cocoon - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Oli</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__3.png">
</span> Stevig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f95bbd() {
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__64c2d96f95bbd()" @update-prices-35279.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="35279" data-price-box="product-id-35279"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-35279" 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-35279" 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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jb2Nvb24tOTB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbA%2C%2C/product/32893/
<form method="post" x-data="{itemData: initItem__64c2db67a984b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbA%2C%2C/product/32893/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32893">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32893">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/hoofdkussen-flocon-60x60-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-32893.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/o/r/oreiller-60-60-flocon_1_1.png" loading="lazy" width="354" height="289" alt="Hoofdkussen Flocon - 60x60 cm"
title="Hoofdkussen Flocon - 60x60 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32893);" :title="compareData.getCompareLabel(32893)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32893)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</div>
<div class="product-info flex flex-col flex-grow px-3 pt-3 cursor-pointer" @click="itemData.goTo('https://www.de-matrassenkoning.be/hoofdkussen-flocon-60x60-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/hoofdkussen-flocon-60x60-cm.html">
Hoofdkussen Flocon - 60x60 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"> Synthetische </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2db67a984b() {
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__64c2db67a984b()" @update-prices-32893.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32893" data-price-box="product-id-32893"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32893" data-price-amount="109" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 109,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"> -€ 15,00</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-32893" data-price-amount="124" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 124,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2hvb2Zka3Vzc2VuLWZsb2Nvbi02MHg2MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32867/
<form method="post" x-data="{itemData: initItem__64c2d96f9847e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32867/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32867">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32867">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32867.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_swing_1_4.png" loading="lazy" width="354" height="289" alt="Matras Swing - 180x200 cm" title="Matras Swing - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32867);" :title="compareData.getCompareLabel(32867)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32867)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-180x200-cm.html">
Matras Swing - 180x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f9847e() {
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__64c2d96f9847e()" @update-prices-32867.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32867" data-price-box="product-id-32867"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32867" data-price-amount="1119" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.119,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32867" data-price-amount="1399" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.399,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy0xODB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/32865/
<form method="post" x-data="{itemData: initItem__64c2d6f416932(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/32865/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32865">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32865">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32865.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_swing_1_3.png" loading="lazy" width="354" height="289" alt="Matras Swing - 160x200 cm" title="Matras Swing - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32865);" :title="compareData.getCompareLabel(32865)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32865)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-160x200-cm.html">
Matras Swing - 160x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d6f416932() {
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__64c2d6f416932()" @update-prices-32865.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32865" data-price-box="product-id-32865"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32865" data-price-amount="1005" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 1.005,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32865" data-price-amount="1259" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.259,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy0xNjB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32863/
<form method="post" x-data="{itemData: initItem__64c2d96f9adaf(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32863/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32863">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32863">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32863.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_swing_1_2.png" loading="lazy" width="354" height="289" alt="Matras Swing - 140x200 cm" title="Matras Swing - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32863);" :title="compareData.getCompareLabel(32863)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32863)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-140x200-cm.html">
Matras Swing - 140x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f9adaf() {
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__64c2d96f9adaf()" @update-prices-32863.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32863" data-price-box="product-id-32863"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32863" data-price-amount="905" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 905,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32863" data-price-amount="1135" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.135,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy0xNDB4MjAwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32861/
<form method="post" x-data="{itemData: initItem__64c2d96f9d2ed(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32861/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32861">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32861">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32861.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_140_swing_1_1.png" loading="lazy" width="354" height="289" alt="Matras Swing - 140x190 cm" title="Matras Swing - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32861);" :title="compareData.getCompareLabel(32861)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32861)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-140x190-cm.html">
Matras Swing - 140x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f9d2ed() {
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__64c2d96f9d2ed()" @update-prices-32861.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32861" data-price-box="product-id-32861"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32861" data-price-amount="905" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 905,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32861" data-price-amount="1135" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.135,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy0xNDB4MTkwLWNtLmh0bWw=', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32857/
<form method="post" x-data="{itemData: initItem__64c2d96f9f690(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32857/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32857">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32857">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32857.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_90_swing_1_3.png" loading="lazy" width="354" height="289" alt="Matras Swing - 90x200 cm" title="Matras Swing - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32857);" :title="compareData.getCompareLabel(32857)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32857)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-90x200-cm.html">
Matras Swing - 90x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96f9f690() {
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__64c2d96f9f690()" @update-prices-32857.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32857" data-price-box="product-id-32857"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32857" data-price-amount="795" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 795,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32857" data-price-amount="995" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 995,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy05MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32855/
<form method="post" x-data="{itemData: initItem__64c2d96fa1bab(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32855/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32855">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32855">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32855.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_90_swing_1_2.png" loading="lazy" width="354" height="289" alt="Matras Swing - 90x190 cm" title="Matras Swing - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32855);" :title="compareData.getCompareLabel(32855)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32855)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-90x190-cm.html">
Matras Swing - 90x190 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fa1bab() {
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__64c2d96fa1bab()" @update-prices-32855.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32855" data-price-box="product-id-32855"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32855" data-price-amount="795" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 795,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32855" data-price-amount="995" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 995,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy05MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32853/
<form method="post" x-data="{itemData: initItem__64c2d96fa4b56(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32853/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32853">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32853">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32853.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_90_swing_1_1.png" loading="lazy" width="354" height="289" alt="Matras Swing - 80x200 cm" title="Matras Swing - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32853);" :title="compareData.getCompareLabel(32853)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32853)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-80x200-cm.html">
Matras Swing - 80x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fa4b56() {
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__64c2d96fa4b56()" @update-prices-32853.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32853" data-price-box="product-id-32853"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32853" data-price-amount="795" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 795,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32853" data-price-amount="995" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 995,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy04MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32851/
<form method="post" x-data="{itemData: initItem__64c2d96fa790c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/32851/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="32851">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="32851">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-swing-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-32851.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas_90_swing_1.png" loading="lazy" width="354" height="289" alt="Matras Swing - 70x200 cm" title="Matras Swing - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
<span class="block rounded-sm px-3 py-1.5 text-12p
lg:text-14p lg:font-bold bg-lrdm_grey leading-17p md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'"> Exclu web </span>
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(32851);" :title="compareData.getCompareLabel(32851)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(32851)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-swing-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-swing-70x200-cm.html">
Matras Swing - 70x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Bultex</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-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"> Bultex nano schuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fa790c() {
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__64c2d96fa790c()" @update-prices-32851.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="32851" data-price-box="product-id-32851"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-32851" data-price-amount="795" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 795,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -20%</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-32851" data-price-amount="995" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 995,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1zd2luZy03MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31825/
<form method="post" x-data="{itemData: initItem__64c2d96fa9eef(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31825/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31825">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31825">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31825.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kiwi_1_5_6.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 200x200 cm" title="Matras Kiwi - 200x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31825);" :title="compareData.getCompareLabel(31825)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31825)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-200x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-kiwi-200x200-cm.html">
Matras Kiwi - 200x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fa9eef() {
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__64c2d96fa9eef()" @update-prices-31825.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31825" data-price-box="product-id-31825"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31825" data-price-amount="983" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 983,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31825" data-price-amount="1449" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.449,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTIwMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31823/
<form method="post" x-data="{itemData: initItem__64c2d96fac84c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31823/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31823">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31823">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31823.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kiwi_1_5_5.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 180x200 cm" title="Matras Kiwi - 180x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31823);" :title="compareData.getCompareLabel(31823)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31823)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-180x200-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fac84c() {
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__64c2d96fac84c()" @update-prices-31823.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31823" data-price-box="product-id-31823"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31823" data-price-amount="853" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 853,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31823" data-price-amount="1219" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.219,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTE4MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/31821/
<form method="post" x-data="{itemData: initItem__64c2d6f41c2ba(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXYxNmFkZjQ5N2VzbGNnaHk5azJjOWdrczZzZ2lzLW1tN2czY2VqdzA%2C/product/31821/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31821">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31821">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31821.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kiwi_1_5_4.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 160x200 cm" title="Matras Kiwi - 160x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31821);" :title="compareData.getCompareLabel(31821)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31821)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-160x200-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d6f41c2ba() {
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__64c2d6f41c2ba()" @update-prices-31821.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31821" data-price-box="product-id-31821"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31821" data-price-amount="741" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 741,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31821" data-price-amount="1059" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.059,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTE2MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31819/
<form method="post" x-data="{itemData: initItem__64c2d96faf57b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31819/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31819">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31819">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31819.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kiwi_1_5_3.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 140x200 cm" title="Matras Kiwi - 140x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31819);" :title="compareData.getCompareLabel(31819)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31819)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-140x200-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96faf57b() {
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__64c2d96faf57b()" @update-prices-31819.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31819" data-price-box="product-id-31819"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31819" data-price-amount="640" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 640,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31819" data-price-amount="915" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 915,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTE0MHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31817/
<form method="post" x-data="{itemData: initItem__64c2d96fb22f0(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31817/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31817">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31817">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31817.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kiwi_1_5_2.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 140x190 cm" title="Matras Kiwi - 140x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31817);" :title="compareData.getCompareLabel(31817)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31817)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-140x190-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fb22f0() {
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__64c2d96fb22f0()" @update-prices-31817.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31817" data-price-box="product-id-31817"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31817" data-price-amount="640" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 640,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31817" data-price-amount="915" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 915,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTE0MHgxOTAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31815/
<form method="post" x-data="{itemData: initItem__64c2d96fb4ae8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31815/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31815">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31815">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31815.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kiwi_1_5_1.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 120x200 cm" title="Matras Kiwi - 120x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31815);" :title="compareData.getCompareLabel(31815)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31815)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-120x200-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fb4ae8() {
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__64c2d96fb4ae8()" @update-prices-31815.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31815" data-price-box="product-id-31815"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31815" data-price-amount="640" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 640,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31815" data-price-amount="915" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 915,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTEyMHgyMDAtY20uaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31813/
<form method="post" x-data="{itemData: initItem__64c2d96fb7391(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31813/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31813">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31813">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-120x190.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-31813.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-kiwi_1_5.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 120x190" title="Matras Kiwi - 120x190">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31813);" :title="compareData.getCompareLabel(31813)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31813)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-120x190.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-kiwi-120x190.html">
Matras Kiwi - 120x190 </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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fb7391() {
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__64c2d96fb7391()" @update-prices-31813.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31813" data-price-box="product-id-31813"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31813" data-price-amount="640" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 640,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31813" data-price-amount="915" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 915,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTEyMHgxOTAuaHRtbA==', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31811/
<form method="post" x-data="{itemData: initItem__64c2d96fb987e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31811/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31811">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31811">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31811.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-kiwi_1_9_4.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 90x200 cm" title="Matras Kiwi - 90x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31811);" :title="compareData.getCompareLabel(31811)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31811)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-90x200-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fb987e() {
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__64c2d96fb987e()" @update-prices-31811.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31811" data-price-box="product-id-31811"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31811" data-price-amount="535" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 535,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31811" data-price-amount="765" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 765,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTkweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31809/
<form method="post" x-data="{itemData: initItem__64c2d96fbc333(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31809/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31809">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31809">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31809.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-kiwi_1_9_3.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 90x190 cm" title="Matras Kiwi - 90x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31809);" :title="compareData.getCompareLabel(31809)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31809)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-90x190-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fbc333() {
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__64c2d96fbc333()" @update-prices-31809.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31809" data-price-box="product-id-31809"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31809" data-price-amount="535" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 535,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31809" data-price-amount="765" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 765,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTkweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31807/
<form method="post" x-data="{itemData: initItem__64c2d96fbebcf(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31807/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31807">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31807">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31807.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-kiwi_1_9_2.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 80x200 cm" title="Matras Kiwi - 80x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31807);" :title="compareData.getCompareLabel(31807)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31807)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-80x200-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fbebcf() {
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__64c2d96fbebcf()" @update-prices-31807.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31807" data-price-box="product-id-31807"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31807" data-price-amount="535" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 535,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31807" data-price-amount="765" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 765,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTgweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31805/
<form method="post" x-data="{itemData: initItem__64c2d96fc178c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31805/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31805">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31805">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31805.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-kiwi_1_9_1.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 70x200 cm" title="Matras Kiwi - 70x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31805);" :title="compareData.getCompareLabel(31805)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31805)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-70x200-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fc178c() {
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__64c2d96fc178c()" @update-prices-31805.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31805" data-price-box="product-id-31805"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31805" data-price-amount="535" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 535,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31805" data-price-amount="765" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 765,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTcweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31803/
<form method="post" x-data="{itemData: initItem__64c2d96fc421e(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31803/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31803">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31803">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-kiwi-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-31803.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-90-200-kiwi_1_9.png" loading="lazy" width="354" height="289" alt="Matras Kiwi - 70x190 cm" title="Matras Kiwi - 70x190 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31803);" :title="compareData.getCompareLabel(31803)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31803)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-kiwi-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-kiwi-70x190-cm.html">
Matras Kiwi - 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"> Polyurethaanschuim </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fc421e() {
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__64c2d96fc421e()" @update-prices-31803.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31803" data-price-box="product-id-31803"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31803" data-price-amount="535" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 535,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -30%</span>
<span class="old-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Regular Price</span>
<span id="old-price-31803" data-price-amount="765" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 765,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 external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1raXdpLTcweDE5MC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31801/
<form method="post" x-data="{itemData: initItem__64c2d96fc71e1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31801/"
class="item product product-item product_addtocart_form flex flex-col w-full" data-productid="31801">
<input name="form_key" type="hidden" value="JzVgaad9yuscFNrf"> <input type="hidden" name="product" value="31801">
<div @click="itemData.goTo('https://www.de-matrassenkoning.be/matras-charme-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-31801.window="$el.src = $event.detail"
src="https://www.de-matrassenkoning.be/media/catalog/product/cache/bdf623686ed68f4d5083e603c3b80715/m/a/matelas-160-200-charme_1_5_6.png" loading="lazy" width="354" height="289" alt="Matras Charme - 200x200 cm"
title="Matras Charme - 200x200 cm">
</picture>
<span class="product_label red"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @private-content-loaded.window="compareData.receiveCompareData($event.detail.data)" @click.prevent="itemData.preventClick = true;compareData.addToCompare(31801);" :title="compareData.getCompareLabel(31801)" title="Add to Compare">
<svg class="compare icon w-[28px] h-[28px]" role="img">
<use x-bind:xlink:href="compareData.getCompareIcon(31801)" xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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-200x200-cm.html')">
<div class="mb-1 text-primary text-16p font-bold lg:text-18p lg:font-medium h-[44px] overflow-hidden ">
<a class="product-item-link" href="https://www.de-matrassenkoning.be/matras-charme-200x200-cm.html">
Matras Charme - 200x200 cm </a>
</div>
<span class="block uppercase text-14p h-6">Swissway</span>
<div class="flex flex-wrap h-[72px] max-h-[72px] overflow-hidden mt-2 text-14p lg:text-16p">
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1">
<span class="block mr-2">
<img class="w-4 h-4" src="https://www.de-matrassenkoning.be/media/attribute/swatch/c/o/confort_plein_1__2.png">
</span> Evenwichtig comfort </span>
</span>
<span class="mb-1 mr-1 last:mr-0 h-8 max-h-8 lg:h-9 lg:max-h-9 overflow-hidden">
<span class="inline-flex items-center bg-secondary rounded-2sm px-2 py-1"> Pocketveren </span>
</span>
</div>
<div class="py-1 mx-auto ">
</div>
<script>
function initPriceBox__64c2d96fc71e1() {
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__64c2d96fc71e1()" @update-prices-31801.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="31801" data-price-box="product-id-31801"> <span class="special-price">
<span class="price-container price-final_price tax weee">
<span class="price-label">Special Price</span>
<span id="product-price-31801" data-price-amount="999" data-price-type="finalPrice" class="price-wrapper "><span class="price">€ 999,00</span></span>
</span>
</span>
<span class="discount_value font-bold bg-lrdm_red text-white text-14p lg:text-16p px-2 py-0.5 rounded"> -45%</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-31801" data-price-amount="1899" data-price-type="oldPrice" class="price-wrapper "><span class="price">€ 1.899,00</span></span>
</span>
</span>
</div>
</div>
<div class="detail_btn min-h-[40px] mt-1 lg:mt-0">
<a class="btn btn-primary btn-size-sm flex md:hidden cursor-pointer external-link" @click="itemData.goTo('aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhcy1jaGFybWUtMjAweDIwMC1jbS5odG1s', true)">
<svg class="chevron icon mt-0.5 mr-1" role="img">
<use xlink:href="https://www.de-matrassenkoning.be/static/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/product/31799/
<form method="post" x-data="{itemData: initItem__64c2d65b8f6cd(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/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="JzVgaad9yuscFNrf"> <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"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d65b8f6cd() {
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__64c2d65b8f6cd()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/product/31797/
<form method="post" x-data="{itemData: initItem__64c2d65b9ef96(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/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="JzVgaad9yuscFNrf"> <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"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d65b9ef96() {
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__64c2d65b9ef96()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/product/31795/
<form method="post" x-data="{itemData: initItem__64c2d96fcab2b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXZiYjM5ZjQ5N2RqN2JxcHlyNHFvYXBhYmhhbDh6LTNxYnV6bms2amk%2C/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="JzVgaad9yuscFNrf"> <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"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d96fcab2b() {
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__64c2d96fcab2b()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/product/31793/
<form method="post" x-data="{itemData: initItem__64c2d65ba7741(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/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="JzVgaad9yuscFNrf"> <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"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d65ba7741() {
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__64c2d65ba7741()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/product/31791/
<form method="post" x-data="{itemData: initItem__64c2d65ba4ce5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/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="JzVgaad9yuscFNrf"> <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"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d65ba4ce5() {
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__64c2d65ba4ce5()" @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 external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/product/31789/
<form method="post" x-data="{itemData: initItem__64c2d65ba22c5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3RfZGlyPWRlc2MmcHJvZHVjdF9saXN0X29yZGVyPXByaWNl/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="JzVgaad9yuscFNrf"> <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"> PROMO </span>
<div class="flex flex-row justify-end icons absolute bottom-2.5 right-0">
</div>
<div class="block absolute bottom-2.5 left-2.5 md:hidden" :class="itemData.hover ? 'block' : 'md:hidden'">
<a href="javascript:" class="block text-tertiary bg-secondary px-2 py-1 rounded external-link" @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/version1690452387/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c2d65ba22c5() {
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__64c2d65ba22c5()" @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 external-link" @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/version1690452387/frontend/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="JzVgaad9yuscFNrf">
<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/version1690452387/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
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 220x240
Kussensloop Kussensloop 40x60 Kussensloop 50x70 Kussensloop 63x63
Bedbeschermer Matrasbeschermer
SOLDEN
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. SOLDEN
SOLDEN
Mijn zoekactie verfijnen
Productieland
1. België (56)
België 56
2. Nederland (28)
Nederland 28
3. Frankrijk (16)
Frankrijk 16
4. China (1)
China 1
No value matching the search "undefined".
Show more+ Show less-
Comfortzones
1. 7 comfortzones (29)
7 comfortzones 29
2. 1 comfortzone (17)
1 comfortzone 17
3. 9 comfortzones (6)
9 comfortzones 6
4. 5 comfortzones (2)
5 comfortzones 2
No value matching the search "undefined".
Show more+ Show less-
Secundaire technologie
1. Viscoelastiche schuim (23)
Viscoelastiche schuim 23
2. Polyurethaanschuim (6)
Polyurethaanschuim 6
3. Aeroflex schuim (2)
Aeroflex schuim 2
4. Hybride schuim (2)
Hybride schuim 2
No value matching the search "undefined".
Show more+ Show less-
Dikte (cm)
1. 15 (5)
15 5
2. 17 (6)
17 6
3. 18 (9)
18 9
4. 19 (7)
19 7
5. 20 (12)
20 12
6. 21 (18)
21 18
7. 23 (13)
23 13
8. 24 (2)
24 2
9. 25 (8)
25 8
10. 26 (1)
26 1
No value matching the search "undefined".
Show more+ Show less-
Omkeerbaar
1. Ja (69)
Ja 69
No value matching the search "undefined".
Show more+ Show less-
Verwijderbaar
1. Ja (52)
Ja 52
No value matching the search "undefined".
Show more+ Show less-
Warmte-index
1. Winter (warm dekbed) (8)
Winter (warm dekbed) 8
No value matching the search "undefined".
Show more+ Show less-
Vulling
1. 30% omlaag + 70% ganzen- en eendenveren (4)
30% omlaag + 70% ganzen- en eendenveren 4
2. Natuurlijk 70% omlaag + 30% omlaag (4)
Natuurlijk 70% omlaag + 30% omlaag 4
No value matching the search "undefined".
Show more+ Show less-
Technologie
1. Synthetische (4)
Synthetische 4
2. Traagschuim (3)
Traagschuim 3
3. Natural (veer, omlaag) (2)
Natural (veer, omlaag) 2
No value matching the search "undefined".
Show more+ Show less-
Samenstelling van de omslag
1. 100% katoen (5)
100% katoen 5
2. 100% Viscose (2)
100% Viscose 2
3. 88% polyester + 12% nylon (1)
88% polyester + 12% nylon 1
4. Polyester + Bambou + Viscose (1)
Polyester + Bambou + Viscose 1
No value matching the search "undefined".
Show more+ Show less-
Vorm
1. Rechthoekige (5)
Rechthoekige 5
2. Vierkant (4)
Vierkant 4
No value matching the search "undefined".
Show more+ Show less-
Zomerzijde / Winterzijde
1. Ja (15)
Ja 15
No value matching the search "undefined".
Show more+ Show less-
Prijs
Min € 25
Max € 1.120
OK
Kleuren
Slapen
1. 2 personen (44)
2 personen 44
2. 1 persoon (40)
1 persoon 40
No value matching the search "undefined".
Show more+ Show less-
Compatibele bedbodem
1. Bedbodem (84)
Bedbodem 84
2. Boxsprings (83)
Boxsprings 83
3. Alle lattenbodem (82)
Alle lattenbodem 82
4. Lattenbodem met latten (2)
Lattenbodem met latten 2
No value matching the search "undefined".
Show more+ Show less-
Op Korting
1. Ja (99)
Ja 99
No value matching the search "undefined".
Show more+ Show less-
Afmetingen
1. 70x190 (3)
70x190 3
2. 70x200 (4)
70x200 4
3. 80x200 (4)
80x200 4
4. 90x190 (13)
90x190 13
5. 90x200 (11)
90x200 11
6. 120x190 (3)
120x190 3
7. 120x200 (3)
120x200 3
8. 140x190 (12)
140x190 12
9. 140x200 (12)
140x200 12
10. 160x200 (10)
160x200 10
No value matching the search "undefined".
Show more+ Show less-
Comfort
Zacht comfort (24) Omhullende comfort (2) Evenwichtig comfort (45) Stevig
comfort (22)
Belangrijkste Technologie
1. Pocketveren (32)
Pocketveren 32
2. Polyurethaanschuim (24)
Polyurethaanschuim 24
3. Hybrid schuim (12)
Hybrid schuim 12
4. Bultex nano schuim (8)
Bultex nano schuim 8
5. Koudschuim (7)
Koudschuim 7
6. Latex (1)
Latex 1
No value matching the search "undefined".
Show more+ Show less-
Merk
1. Swissway (48)
Swissway 48
2. Oli (35)
Oli 35
3. Bultex (8)
Bultex 8
4. Dreamway (7)
Dreamway 7
5. Dorsoline (3)
Dorsoline 3
No value matching the search "undefined".
Show more+ Show less-
Steun
1. Medium (37)
Medium 37
2. Stevig (45)
Stevig 45
3. Zeer stevig (2)
Zeer stevig 2
No value matching the search "undefined".
Show more+ Show less-
Anti-mijt behandeling
1. Ja (22)
Ja 22
No value matching the search "undefined".
Show more+ Show less-
Hypoallergene behandeling
1. Ja (13)
Ja 13
No value matching the search "undefined".
Show more+ Show less-
Geen verwerking
1. Ja (4)
Ja 4
No value matching the search "undefined".
Show more+ Show less-
Filter
Sort By
Populariteit Product naam Prijs oplopend Prijs aflopend
Items 1-60 of 101
Items 1-60 of 101
Matras Panama - 140x190 cm
Swissway
Stevig comfort Pocketveren
Special Price € 499,00 -70% Regular Price € 1.669,00
Detail
Einde Reeks
Exclu web
Matras Popup - 90x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 249,00 -60% Regular Price € 639,00
Detail
Einde Reeks
Exclu web
Matras Popup - 90x190 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 249,00 -60% Regular Price € 639,00
Detail
Matras Seasons - 180x200 cm
Swissway
Stevig comfort Hybrid schuim
Special Price € 999,00 -50% Regular Price € 1.999,00
Detail
Matras Seasons - 160x200 cm
Swissway
Stevig comfort Hybrid schuim
Special Price € 899,00 -50% Regular Price € 1.799,00
Detail
Matras Seasons - 140x190 cm
Swissway
Stevig comfort Hybrid schuim
Special Price € 799,00 -50% Regular Price € 1.599,00
Detail
Matras Prestige - 140x200 cm
Swissway
Stevig comfort Pocketveren
Special Price € 699,00 -40% Regular Price € 1.169,00
Detail
Matras Panama - 90x190 cm
Swissway
Stevig comfort Pocketveren
Special Price € 399,00 -70% Regular Price € 1.339,00
Detail
PROMO
Exclu web
Matras Sensospring - 180x200 cm
Oli
Evenwichtig comfort Pocketveren
Special Price € 457,00 -50% Regular Price € 915,00
Detail
PROMO
Exclu web
Matras Sensospring - 160x200 cm
Oli
Evenwichtig comfort Pocketveren
Special Price € 402,00 -50% Regular Price € 805,00
Detail
PROMO
Exclu web
Matras Sensospring - 140x200 cm
Oli
Evenwichtig comfort Pocketveren
Special Price € 339,00 -50% Regular Price € 679,00
Detail
PROMO
Exclu web
Matras Sensospring - 140x190 cm
Oli
Evenwichtig comfort Pocketveren
Special Price € 339,00 -50% Regular Price € 679,00
Detail
PROMO
Exclu web
Matras Sensospring - 90x200 cm
Oli
Evenwichtig comfort Pocketveren
Special Price € 264,00 -50% Regular Price € 529,00
Detail
PROMO
Exclu web
Matras Sensospring - 90x190 cm
Oli
Evenwichtig comfort Pocketveren
Special Price € 264,00 -50% Regular Price € 529,00
Detail
PROMO
Exclu web
Matras Ergotech - 180x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 549,00 -50% Regular Price € 1.099,00
Detail
PROMO
Exclu web
Matras Ergotech - 160x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 477,00 -50% Regular Price € 955,00
Detail
PROMO
Exclu web
Matras Ergotech - 140x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 402,00 -50% Regular Price € 805,00
Detail
PROMO
Exclu web
Matras Ergotech - 140x190 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 402,00 -50% Regular Price € 805,00
Detail
PROMO
Exclu web
Matras Ergotech - 90x200 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 339,00 -50% Regular Price € 679,00
Detail
PROMO
Exclu web
Matras Ergotech - 90x190 cm
Oli
Zacht comfort Hybrid schuim
Special Price € 339,00 -50% Regular Price € 679,00
Detail
PROMO
Exclu web
Matras Orion - 180x200 cm
Oli
Evenwichtig comfort Polyurethaanschuim
€ 855,00
Detail
PROMO
Exclu web
Matras Orion - 160x200 cm
Oli
Evenwichtig comfort Polyurethaanschuim
Special Price € 372,00 -50% Regular Price € 745,00
Detail
PROMO
Exclu web
Matras Orion - 140x200 cm
Oli
Evenwichtig comfort Polyurethaanschuim
Special Price € 307,00 -50% Regular Price € 615,00
Detail
PROMO
Exclu web
Matras Orion - 140x190 cm
Oli
Evenwichtig comfort Polyurethaanschuim
Special Price € 307,00 -50% Regular Price € 615,00
Detail
PROMO
Exclu web
Matras Orion - 90x200 cm
Oli
Evenwichtig comfort Polyurethaanschuim
Special Price € 244,00 -50% Regular Price € 489,00
Detail
PROMO
Exclu web
Matras Orion - 90x190 cm
Oli
Evenwichtig comfort Polyurethaanschuim
Special Price € 244,00 -50% Regular Price € 489,00
Detail
PROMO
Exclu web
Matras Cocoon - 180x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 667,00 -50% Regular Price € 1.335,00
Detail
PROMO
Exclu web
Matras Cocoon - 160x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 614,00 -50% Regular Price € 1.229,00
Detail
PROMO
Exclu web
Matras Cocoon - 140x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 487,00 -50% Regular Price € 975,00
Detail
PROMO
Exclu web
Matras Cocoon - 140x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 487,00 -50% Regular Price € 975,00
Detail
PROMO
Exclu web
Matras Cocoon - 90x200 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 359,00 -50% Regular Price € 719,00
Detail
PROMO
Exclu web
Matras Cocoon - 90x190 cm
Oli
Stevig comfort Polyurethaanschuim
Special Price € 359,00 -50% Regular Price € 719,00
Detail
PROMO
Hoofdkussen Flocon - 60x60 cm
Swissway
Evenwichtig comfort Synthetische
Special Price € 109,00 -€ 15,00 Regular Price € 124,00
Detail
PROMO
Matras Swing - 180x200 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 1.119,00 -20% Regular Price € 1.399,00
Detail
PROMO
Matras Swing - 160x200 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 1.005,00 -20% Regular Price € 1.259,00
Detail
PROMO
Matras Swing - 140x200 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 905,00 -20% Regular Price € 1.135,00
Detail
PROMO
Matras Swing - 140x190 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 905,00 -20% Regular Price € 1.135,00
Detail
PROMO
Matras Swing - 90x200 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 795,00 -20% Regular Price € 995,00
Detail
PROMO
Matras Swing - 90x190 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 795,00 -20% Regular Price € 995,00
Detail
PROMO
Matras Swing - 80x200 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 795,00 -20% Regular Price € 995,00
Detail
PROMO
Exclu web
Matras Swing - 70x200 cm
Bultex
Stevig comfort Bultex nano schuim
Special Price € 795,00 -20% Regular Price € 995,00
Detail
PROMO
Matras Kiwi - 200x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 983,00 -30% Regular Price € 1.449,00
Detail
PROMO
Matras Kiwi - 180x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 853,00 -30% Regular Price € 1.219,00
Detail
PROMO
Matras Kiwi - 160x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 741,00 -30% Regular Price € 1.059,00
Detail
PROMO
Matras Kiwi - 140x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 640,00 -30% Regular Price € 915,00
Detail
PROMO
Matras Kiwi - 140x190 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 640,00 -30% Regular Price € 915,00
Detail
PROMO
Matras Kiwi - 120x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 640,00 -30% Regular Price € 915,00
Detail
PROMO
Matras Kiwi - 120x190
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 640,00 -30% Regular Price € 915,00
Detail
PROMO
Matras Kiwi - 90x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 535,00 -30% Regular Price € 765,00
Detail
PROMO
Matras Kiwi - 90x190 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 535,00 -30% Regular Price € 765,00
Detail
PROMO
Matras Kiwi - 80x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 535,00 -30% Regular Price € 765,00
Detail
PROMO
Matras Kiwi - 70x200 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 535,00 -30% Regular Price € 765,00
Detail
PROMO
Matras Kiwi - 70x190 cm
Swissway
Evenwichtig comfort Polyurethaanschuim
Special Price € 535,00 -30% Regular Price € 765,00
Detail
PROMO
Matras Charme - 200x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 999,00 -45% Regular Price € 1.899,00
Detail
PROMO
Matras Charme - 180x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 899,00 -50% Regular Price € 1.799,00
Detail
PROMO
Matras Charme - 160x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 794,00 -50% Regular Price € 1.589,00
Detail
PROMO
Matras Charme - 140x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
PROMO
Matras Charme - 140x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
PROMO
Matras Charme - 120x200 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
PROMO
Matras Charme - 120x190 cm
Swissway
Evenwichtig comfort Pocketveren
Special Price € 689,00 -50% Regular Price € 1.379,00
Detail
1.
2. You're currently reading page 1
3. Page 2
4.
Bekijk per pagina
60 items 90 items 120 items 150 items
per page
Vergelijk producten
Vergelijk Verwijder alles
Kwaliteit tegen een minimumprijs
200 testnachten
Click & Collect 2u in winkel
Lokale productie
Blijf dromen.
Profiteer van 5% korting op uw eerste bestelling en ontvang onze aanbiedingen en
nieuws.
Email Address
Registreren
Ik geef De Matrassenkoning de toestemming om mij informatie te sturen
* De Matrassenkoning
* Ons verhaal
* Onze kennis
* Onze merken
* Voor de professionele
* Affiliate campagne
* Adviezen
* Afspraak in winkel
* Contact
* 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.