www.de-matrassenkoning.be
Open in
urlscan Pro
146.185.45.35
Public Scan
Submitted URL: https://tr.sansdoutemieux.be/go/1690608843/1671205501/2d2a85e3449defa512928168f454ba6e/mbaibnpy/39/1013
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 31 via api from BE — Scanned from IT
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 31 via api from BE — Scanned from IT
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/version1690795651/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/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbA%2C%2C/product/37015/
<form method="post" x-data="{itemData: initItem__64c7ef2d09d4c(), 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/37015/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37015">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d09d4c() {
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__64c7ef2d09d4c()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/31495/
<form method="post" x-data="{itemData: initItem__64c7ef2d18e69(), 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/31495/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31495">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d18e69() {
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__64c7ef2d18e69()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/31493/
<form method="post" x-data="{itemData: initItem__64c7ef2d1d0d3(), 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/31493/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="31493">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d1d0d3() {
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__64c7ef2d1d0d3()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/37043/
<form method="post" x-data="{itemData: initItem__64c7ef2d28deb(), 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/37043/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37043">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d28deb() {
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__64c7ef2d28deb()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/37041/
<form method="post" x-data="{itemData: initItem__64c7f16a776c6(), 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/37041/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37041">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f16a776c6() {
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__64c7f16a776c6()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/37037/
<form method="post" x-data="{itemData: initItem__64c7ef2d31865(), 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/37037/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="37037">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d31865() {
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__64c7ef2d31865()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/37027/
<form method="post" x-data="{itemData: initItem__64c7f633677f3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f633677f3() {
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__64c7f633677f3()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/37007/
<form method="post" x-data="{itemData: initItem__64c7ee09e94d1(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ee09e94d1() {
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__64c7ee09e94d1()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36265/
<form method="post" x-data="{itemData: initItem__64c7f6336bbf5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f6336bbf5() {
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__64c7f6336bbf5()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36263/
<form method="post" x-data="{itemData: initItem__64c7f4aea2fe8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f4aea2fe8() {
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__64c7f4aea2fe8()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36261/
<form method="post" x-data="{itemData: initItem__64c7f6336ee9c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f6336ee9c() {
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__64c7f6336ee9c()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/36259/
<form method="post" x-data="{itemData: initItem__64c7ef2d3592b(), 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/36259/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36259">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d3592b() {
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__64c7ef2d3592b()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY0NjlkZjQ0NXN4YXZtMGhvM2V3Y3B3aWZidXMzLTg5OHo4M2FsMm4%2C/product/36253/
<form method="post" x-data="{itemData: initItem__64c7f55e23809(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY0NjlkZjQ0NXN4YXZtMGhvM2V3Y3B3aWZidXMzLTg5OHo4M2FsMm4%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f55e23809() {
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__64c7f55e23809()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36251/
<form method="post" x-data="{itemData: initItem__64c7efc30b230(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7efc30b230() {
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__64c7efc30b230()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36231/
<form method="post" x-data="{itemData: initItem__64c7f6334b8b4(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f6334b8b4() {
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__64c7f6334b8b4()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36229/
<form method="post" x-data="{itemData: initItem__64c7f4ae66980(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f4ae66980() {
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__64c7f4ae66980()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36227/
<form method="post" x-data="{itemData: initItem__64c7f63353e72(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f63353e72() {
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__64c7f63353e72()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/36225/
<form method="post" x-data="{itemData: initItem__64c7f7b4e9fc2(), 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/36225/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="36225">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f7b4e9fc2() {
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__64c7f7b4e9fc2()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/36223/
<form method="post" x-data="{itemData: initItem__64c7f63356a2a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f63356a2a() {
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__64c7f63356a2a()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MTViZjQ5Y3hnaHQzdWpncWg3NWpncnR6bXJqLWYybDhsZG04OWs%2C/product/36221/
<form method="post" x-data="{itemData: initItem__64c7ee6324648(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MTViZjQ5Y3hnaHQzdWpncWg3NWpncnR6bXJqLWYybDhsZG04OWs%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ee6324648() {
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__64c7ee6324648()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/35313/
<form method="post" x-data="{itemData: initItem__64c7f71abf6a8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71abf6a8() {
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__64c7f71abf6a8()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MTViZjQ5Y3hnaHQzdWpncWg3NWpncnR6bXJqLWYybDhsZG04OWs%2C/product/35311/
<form method="post" x-data="{itemData: initItem__64c7ee6319a44(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY4MTViZjQ5Y3hnaHQzdWpncWg3NWpncnR6bXJqLWYybDhsZG04OWs%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ee6319a44() {
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__64c7ee6319a44()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/35309/
<form method="post" x-data="{itemData: initItem__64c7f71ac8910(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71ac8910() {
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__64c7f71ac8910()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY5NjU2ZjQ5Y3h2emRleGRlbXVlNWU4a3k3eTM4LTdtc3pzb284YXk%2C/product/35307/
<form method="post" x-data="{itemData: initItem__64c7f1353f7d3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY5NjU2ZjQ5Y3h2emRleGRlbXVlNWU4a3k3eTM4LTdtc3pzb284YXk%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f1353f7d3() {
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__64c7f1353f7d3()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY0NjlkZjQ0NXN4YXZtMGhvM2V3Y3B3aWZidXMzLTg5OHo4M2FsMm4%2C/product/35305/
<form method="post" x-data="{itemData: initItem__64c7f55e19079(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY0NjlkZjQ0NXN4YXZtMGhvM2V3Y3B3aWZidXMzLTg5OHo4M2FsMm4%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f55e19079() {
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__64c7f55e19079()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY5NjU2ZjQ5Y3h2emRleGRlbXVlNWU4a3k3eTM4LTdtc3pzb284YXk%2C/product/35303/
<form method="post" x-data="{itemData: initItem__64c7f1355b95a(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY5NjU2ZjQ5Y3h2emRleGRlbXVlNWU4a3k3eTM4LTdtc3pzb284YXk%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="RdjK4taGA4oIgO6D"> <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_1_6.png" 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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f1355b95a() {
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__64c7f1355b95a()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/35289/
<form method="post" x-data="{itemData: initItem__64c7f71ad0c5c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71ad0c5c() {
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__64c7f71ad0c5c()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/35287/
<form method="post" x-data="{itemData: initItem__64c7f7b4f41c8(), 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/35287/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="35287">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f7b4f41c8() {
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__64c7f7b4f41c8()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/35285/
<form method="post" x-data="{itemData: initItem__64c7f71aea87c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71aea87c() {
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__64c7f71aea87c()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/35283/
<form method="post" x-data="{itemData: initItem__64c7f71aee448(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71aee448() {
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__64c7f71aee448()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3Rfb3JkZXI9cHJpY2UmcHJvZHVjdF9saXN0X2Rpcj1hc2M%2C/product/35281/
<form method="post" x-data="{itemData: initItem__64c7f937836fc(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3Rfb3JkZXI9cHJpY2UmcHJvZHVjdF9saXN0X2Rpcj1hc2M%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f937836fc() {
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__64c7f937836fc()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/35279/
<form method="post" x-data="{itemData: initItem__64c7f71af1e27(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71af1e27() {
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__64c7f71af1e27()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/32893/
<form method="post" x-data="{itemData: initItem__64c7f71b00b21(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b00b21() {
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__64c7f71b00b21()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/32867/
<form method="post" x-data="{itemData: initItem__64c7ef2d5129e(), 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/32867/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32867">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d5129e() {
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__64c7ef2d5129e()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/32865/
<form method="post" x-data="{itemData: initItem__64c7ef2d576ca(), 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/32865/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32865">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d576ca() {
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__64c7ef2d576ca()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/32863/
<form method="post" x-data="{itemData: initItem__64c7f7b51882b(), 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/32863/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32863">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f7b51882b() {
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__64c7f7b51882b()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/32861/
<form method="post" x-data="{itemData: initItem__64c7ef2d5e455(), 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/32861/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32861">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d5e455() {
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__64c7ef2d5e455()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/32857/
<form method="post" x-data="{itemData: initItem__64c7ef2d67721(), 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/32857/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32857">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d67721() {
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__64c7ef2d67721()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3Rfb3JkZXI9cHJpY2UmcHJvZHVjdF9saXN0X2Rpcj1kZXNj/product/32855/
<form method="post" x-data="{itemData: initItem__64c7ed859eb59(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL3NvbGRlbi1iZWxnaWUuaHRtbD9wcm9kdWN0X2xpc3Rfb3JkZXI9cHJpY2UmcHJvZHVjdF9saXN0X2Rpcj1kZXNj/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ed859eb59() {
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__64c7ed859eb59()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/32853/
<form method="post" x-data="{itemData: initItem__64c7ef2d6aba7(), 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/32853/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32853">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d6aba7() {
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__64c7ef2d6aba7()" @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/version1690795651/frontend/LRDM/default/nl_NL/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/32851/
<form method="post" x-data="{itemData: initItem__64c7ef2d6dad0(), 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/32851/" class="item product product-item product_addtocart_form flex flex-col w-full"
data-productid="32851">
<input name="form_key" type="hidden" value="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7ef2d6dad0() {
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__64c7ef2d6dad0()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31825/
<form method="post" x-data="{itemData: initItem__64c7f71b04301(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b04301() {
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__64c7f71b04301()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31823/
<form method="post" x-data="{itemData: initItem__64c7f71b0787b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b0787b() {
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__64c7f71b0787b()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31821/
<form method="post" x-data="{itemData: initItem__64c7f71b0aa38(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b0aa38() {
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__64c7f71b0aa38()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31819/
<form method="post" x-data="{itemData: initItem__64c7f71b0f00c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b0f00c() {
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__64c7f71b0f00c()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31817/
<form method="post" x-data="{itemData: initItem__64c7f71b121f2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b121f2() {
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__64c7f71b121f2()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31815/
<form method="post" x-data="{itemData: initItem__64c7f71b14e91(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b14e91() {
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__64c7f71b14e91()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31813/
<form method="post" x-data="{itemData: initItem__64c7f71b179d2(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b179d2() {
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__64c7f71b179d2()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY0NjlkZjQ0NXN4YXZtMGhvM2V3Y3B3aWZidXMzLTg5OHo4M2FsMm4%2C/product/31811/
<form method="post" x-data="{itemData: initItem__64c7f55e2dbf3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY0NjlkZjQ0NXN4YXZtMGhvM2V3Y3B3aWZidXMzLTg5OHo4M2FsMm4%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f55e2dbf3() {
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__64c7f55e2dbf3()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31809/
<form method="post" x-data="{itemData: initItem__64c7f71b1a024(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b1a024() {
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__64c7f71b1a024()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31807/
<form method="post" x-data="{itemData: initItem__64c7f71b1d2b3(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b1d2b3() {
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__64c7f71b1d2b3()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31805/
<form method="post" x-data="{itemData: initItem__64c7f71b1fa5b(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b1fa5b() {
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__64c7f71b1fa5b()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31803/
<form method="post" x-data="{itemData: initItem__64c7f71b223f8(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b223f8() {
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__64c7f71b223f8()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%2C/product/31801/
<form method="post" x-data="{itemData: initItem__64c7f71b24cf7(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL2FhbmJpZWRpbmdlbi90b3AtZGFnZW4uaHRtbD9rd2t1bml2PVA0RDQ1MTRDRjJEMTAwLXY2ZjJjZjQ5Y3lzYjY1Y2k0YndvYW83NGlxc2U3LWc1bDJ1NWQ2OWU%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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f71b24cf7() {
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__64c7f71b24cf7()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/31799/
<form method="post" x-data="{itemData: initItem__64c7f6335931c(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f6335931c() {
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__64c7f6335931c()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/31797/
<form method="post" x-data="{itemData: initItem__64c7f4ae6f956(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f4ae6f956() {
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__64c7f4ae6f956()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/31795/
<form method="post" x-data="{itemData: initItem__64c7f6335cfc5(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f6335cfc5() {
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__64c7f6335cfc5()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/31793/
<form method="post" x-data="{itemData: initItem__64c7f6335febb(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f6335febb() {
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__64c7f6335febb()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/31791/
<form method="post" x-data="{itemData: initItem__64c7f63362568(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f63362568() {
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__64c7f63362568()" @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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#visibility"></use>
</svg>
<span>Detail</span>
</a>
</div>
</div>
</div>
</form>POST https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/product/31789/
<form method="post" x-data="{itemData: initItem__64c7f63364aae(), compareData: initCompareOnProductList()}" @mouseover="itemData.hover=true;" @mouseleave="itemData.hover=false;" :class="itemData.hover ? 'hover' : ''"
action="https://www.de-matrassenkoning.be/checkout/cart/add/uenc/aHR0cHM6Ly93d3cuZGUtbWF0cmFzc2Vua29uaW5nLmJlL21hdHJhc3Nlbi5odG1s/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="RdjK4taGA4oIgO6D"> <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/version1690795651/frontend/LRDM/default/nl_NL/images/icons.svg#compare"></use>
</svg>
</a>
</div>
</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__64c7f63364aae() {
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__64c7f63364aae()" @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/version1690795651/frontend/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="RdjK4taGA4oIgO6D">
<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/version1690795651/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ë (55)
België 55
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 (16)
1 comfortzone 16
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 (12)
23 12
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 (51)
Ja 51
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 (39)
1 persoon 39
No value matching the search "undefined".
Show more+ Show less-
Compatibele bedbodem
1. Bedbodem (83)
Bedbodem 83
2. Boxsprings (82)
Boxsprings 82
3. Alle lattenbodem (81)
Alle lattenbodem 81
4. Lattenbodem met latten (2)
Lattenbodem met latten 2
No value matching the search "undefined".
Show more+ Show less-
Op Korting
1. Ja (98)
Ja 98
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 (10)
90x200 10
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 (1) 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 (6)
Koudschuim 6
6. Latex (1)
Latex 1
No value matching the search "undefined".
Show more+ Show less-
Merk
1. Swissway (48)
Swissway 48
2. Oli (34)
Oli 34
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 (36)
Medium 36
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 100
Items 1-60 of 100
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.