www.kaffekapslen.ch
Open in
urlscan Pro
2606:4700:20::681a:79
Public Scan
Submitted URL: https://kaffekapslen.ch/
Effective URL: https://www.kaffekapslen.ch/
Submission: On December 22 via api from CH — Scanned from CH
Effective URL: https://www.kaffekapslen.ch/
Submission: On December 22 via api from CH — Scanned from CH
Form analysis 62 forms found in the DOM
GET https://www.kaffekapslen.ch/catalogsearch/result/
<form class="form minisearch" id="search_mini_form" x-ref="form" @submit.prevent="search()" action="https://www.kaffekapslen.ch/catalogsearch/result/" method="get" role="search"><label class="hidden" for="search"
data-role="minisearch-label"><span>Suchen</span></label> <input id="search" x-ref="searchInput" type="search" autocomplete="off" name="q" value="" placeholder="Gesamten Shop hier durchsuchen..." maxlength="128"
class="form-input w-full text-base leading-normal transition appearance-none border-0 px-2 py-0 text-grey-800 focus:outline-none focus:border-transparent focus:ring-transparent" autofocus="autofocus" @focus.once="suggest"
@input.debounce.500="suggest" @keydown.arrow-down.prevent="focusElement($root.querySelector('[tabindex]'))"><template x-if="suggestions.length > 0">
<div class="w-full leading-normal transition appearance-none text-grey-800 flex flex-col mt-1 bg-white lg:shadow-menu p-3"><template x-for="(suggestion, index) in suggestions">
<div class="flex justify-between p-3 bg-container-lighter mb-1 cursor-pointer" tabindex="0" @click="search(suggestion.title, index)" @keydown.enter="search(suggestion.title)"
@keydown.arrow-up.prevent=" focusElement($event.target.previousElementSibling) || $refs.searchInput.focus() " @keydown.arrow-down.prevent="focusElement($event.target.nextElementSibling)"><span x-text="suggestion.title"></span> <span
x-text="suggestion.num_results"></span></div>
</template></div>
</template><button type="submit" title="Suchen" class="action search sr-only" aria-label="Search">Suchen</button></form>POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div id="grecaptcha-container-Authpopup" class="g-recaptcha"></div>
<script>
'use strict';
(() => {
const containerId = 'grecaptcha\u002Dcontainer\u002DAuthpopup';
const initRecaptcha = () => {
grecaptchaV2LoadCallbacks.push(() => {
window.grecaptchaInstanceAuthpopup = window.grecaptcha.render(containerId, {
sitekey: '6Lesg60aAAAAAFNV0hTLdsZLgChrAL26RcC3Nd5Y',
callback: 'googleRecaptchaCallbackAuthpopup',
size: 'invisible',
badge: 'bottomright',
});
});
};
if (document.readyState !== 'loading') {
setTimeout(() => {
initRecaptcha();
forceLoadRecaptchaScript(document.getElementById(containerId).closest('form'));
});
} else {
document.addEventListener('DOMContentLoaded', initRecaptcha);
}
})();
</script>
<div class="fieldset login">
<div class="field email required"><label class="label" for="form-login-username" form="login-form"><span>E-Mail Adresse</span></label>
<div class="control"><input name="username" id="form-login-username" x-ref="customer-email" @change="errors = 0" type="email" required="" autocomplete="off" class="form-input input-text"></div>
</div>
<div class="field password required"><label for="form-login-password" class="label" form="login-form"><span>Passwort</span></label>
<div class="control"><input name="password" id="form-login-password" type="password" class="form-input input-text" required="" x-ref="customer-password" autocomplete="off" @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 disabled:opacity-75">Einloggen</button>
<a href="https://www.kaffekapslen.ch/customer/account/forgotpassword/">Passwort vergessen?</a></div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1760/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1760/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1760, 0, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A10,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lungo\u002DKapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022661\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108952\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-1760" class="product-card product_addtocart_form product-shadow product-item-1760 glider-slide active left-1 visible" data-position="0" data-gslide="0" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1760">
<a href="https://www.kaffekapslen.ch/lungo-100-alltagskaffee-kaffekapslen-nespresso.html" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A10,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lungo\u002DKapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022661\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108952\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1760.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pt-kk-p10-100-lungo.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pt-kk-p10-100-lungo.jpg" loading="lazy" width="240" height="300" alt="Starterpack mit 100 Plastikkapseln Kaffekapslen Lungo für Nespresso" title="Starterpack mit 100 Plastikkapseln Kaffekapslen Lungo für Nespresso"></a>
<div class="product-info">
<div class="rating-short "></div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/lungo-100-alltagskaffee-kaffekapslen-nespresso.html" :id="`slide-desc-1760-${$id('slider-id')}`" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A10,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lungo\u002DKapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022661\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108952\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1760-slider-id-1"><span id="product-item-name-1760" class="product-item-name">Lungo - Alltagskaffee</span> <span class="product-item-subtitle">100 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1760), 'qty-added': hiddenProductIds.includes(1760) }">
<script>
function initPriceBox__676774d7a425e() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d7a425e()" @update-prices-1760.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1760" data-price-box="product-id-1760">
<p class="minimal-price text-price flex flex-col-reverse "> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D1760']" class="price-container price-final_price tax weee"> <span class="price-label">Regulärer Preis</span>
<span :id="$id('old\u002Dprice\u002D1760')" data-price-amount="11.9" data-price-type="" class="price-wrapper " id="old-price-1760-1"><span class="price">CHF 11.90</span></span> </span></span> <span x-data=""
x-id="['from\u002D1760']" class="price-container price-final_price tax weee"> <span class="price-label">Ab</span> <span :id="$id('from\u002D1760')" data-price-amount="10" data-price-type="" class="price-wrapper " id="from-1760-1"><span
class="price">CHF 10.00</span></span> </span> <span class="product-price-per"><span class="price">CHF 0.10</span> / Tasse</span></p>
</div>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1760() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1760,
"sku": "108952",
"bundleOptions": [{
"id": 823,
"quantity": 1,
"value": ["1664"]
}, {
"id": 824,
"quantity": 1,
"value": ["1665"]
}, {
"id": 825,
"quantity": 1,
"value": ["1666"]
}, {
"id": 826,
"quantity": 1,
"value": ["1667"]
}, {
"id": 827,
"quantity": 1,
"value": ["1668"]
}, {
"id": 828,
"quantity": 1,
"value": ["1669"]
}, {
"id": 829,
"quantity": 1,
"value": ["1670"]
}, {
"id": 830,
"quantity": 1,
"value": ["1671"]
}, {
"id": 831,
"quantity": 1,
"value": ["1672"]
}, {
"id": 832,
"quantity": 1,
"value": ["1673"]
}],
"name": "Lungo - Alltagskaffee",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1760().parse())"
data-item="{"productId":1760,"sku":"108952","bundleOptions":[{"id":823,"quantity":1,"value":["1664"]},{"id":824,"quantity":1,"value":["1665"]},{"id":825,"quantity":1,"value":["1666"]},{"id":826,"quantity":1,"value":["1667"]},{"id":827,"quantity":1,"value":["1668"]},{"id":828,"quantity":1,"value":["1669"]},{"id":829,"quantity":1,"value":["1670"]},{"id":830,"quantity":1,"value":["1671"]},{"id":831,"quantity":1,"value":["1672"]},{"id":832,"quantity":1,"value":["1673"]}],"name":"Lungo - Alltagskaffee","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1760-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1760"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1760-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1760"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1760"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1760">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2134/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2134/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2134, 1, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Karamell\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108808\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.1,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-2134" class="product-card product_addtocart_form product-shadow product-item-2134 glider-slide center visible" data-position="1" data-gslide="1" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2134"> <a href="https://www.kaffekapslen.ch/espresso-caramel-premium-kaffekapslen-nespresso.html" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Karamell\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108808\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.1,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2134.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kaffekapslen-premium-10-espresso-caramel-1001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kaffekapslen-premium-10-espresso-caramel-1001.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Espresso Caramel Premium package and capsule for Nespresso
" title="Kaffekapslen Espresso Caramel Premium package and capsule for Nespresso
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2134">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="10%" stop-color="#FAB10B"></stop>
<stop offset="10%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2134)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(33)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-caramel-premium-kaffekapslen-nespresso.html" :id="`slide-desc-2134-${$id('slider-id')}`" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Karamell\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108808\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.1,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2134-slider-id-2"><span id="product-item-name-2134" class="product-item-name">Espresso Karamell - Premium</span> <span class="product-item-subtitle">10 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2134), 'qty-added': hiddenProductIds.includes(2134) }">
<script>
function initPriceBox__676774d7c77cc() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d7c77cc()" @update-prices-2134.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2134" data-price-box="product-id-2134"> <span x-data="" x-id="['product\u002Dprice\u002D2134']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2134')" data-price-amount="1.79" data-price-type="finalPrice" class="price-wrapper " id="product-price-2134-1"><span class="price">CHF 1.79</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.18</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2134() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2134,
"sku": "108808",
"bundleOptions": [],
"name": "Espresso Karamell - Premium",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2134().parse())"
data-item="{"productId":2134,"sku":"108808","bundleOptions":[],"name":"Espresso Karamell - Premium","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2134-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2134"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2134-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2134"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2134"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2134">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3567/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3567/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3567, 2, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Cr\u005Cu00e8me\u0020Br\u005Cu00fbl\u005Cu00e9e\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100033\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.35,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-3567" class="product-card product_addtocart_form product-shadow product-item-3567 glider-slide right-1 visible" data-position="2" data-gslide="2" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3567">
<a href="https://www.kaffekapslen.ch/espresso-creme-brulee-premium-nespresso.html" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Cr\u005Cu00e8me\u0020Br\u005Cu00fbl\u005Cu00e9e\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100033\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.35,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3567.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kk-premium-creme-brulee-2001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kk-premium-creme-brulee-2001.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Creme Brulee coffee for Nespresso" title="Kaffekapslen Creme Brulee coffee for Nespresso"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill3567">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="35%" stop-color="#FAB10B"></stop>
<stop offset="35%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill3567)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(6)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-creme-brulee-premium-nespresso.html" :id="`slide-desc-3567-${$id('slider-id')}`" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Cr\u005Cu00e8me\u0020Br\u005Cu00fbl\u005Cu00e9e\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100033\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.35,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3567-slider-id-3"><span id="product-item-name-3567" class="product-item-name">Espresso Crème Brûlée - Premium</span> <span class="product-item-subtitle">10 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3567), 'qty-added': hiddenProductIds.includes(3567) }">
<script>
function initPriceBox__676774d7cb97f() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d7cb97f()" @update-prices-3567.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3567" data-price-box="product-id-3567"> <span x-data="" x-id="['product\u002Dprice\u002D3567']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D3567')" data-price-amount="1.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-3567-1"><span class="price">CHF 1.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.17</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3567() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3567,
"sku": "100033",
"bundleOptions": [],
"name": "Espresso Cr\u00e8me Br\u00fbl\u00e9e - Premium",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3567().parse())"
data-item="{"productId":3567,"sku":"100033","bundleOptions":[],"name":"Espresso Crème Brûlée - Premium","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3567-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3567"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3567-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3567"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3567"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3567">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2132/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2132/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2132, 3, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Vanille\u0020\u002D\u0020Premium\u0020\u0022,\u0022price\u0022\u003A1.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108806\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A3.55,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-2132" class="product-card product_addtocart_form product-shadow product-item-2132 glider-slide right-2" data-position="3" data-gslide="3" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2132"> <a href="https://www.kaffekapslen.ch/espresso-vanilla-premium-kaffekapslen-nespresso.html" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Vanille\u0020\u002D\u0020Premium\u0020\u0022,\u0022price\u0022\u003A1.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108806\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A3.55,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2132.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kaffekapslen-premium-10-espresso-vanilla-1001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kaffekapslen-premium-10-espresso-vanilla-1001.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Espresso Vanilla Premium package and capsule for Nespresso
" title="Kaffekapslen Espresso Vanilla Premium package and capsule for Nespresso
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2132">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2132)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" style="color: transparent" viewBox="3 0 20 20" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <span class="text-xs text-text-secondary leading-4">(37)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-vanilla-premium-kaffekapslen-nespresso.html" :id="`slide-desc-2132-${$id('slider-id')}`" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Vanille\u0020\u002D\u0020Premium\u0020\u0022,\u0022price\u0022\u003A1.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108806\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A3.55,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2132-slider-id-4"><span id="product-item-name-2132" class="product-item-name">Espresso Vanille - Premium </span> <span class="product-item-subtitle">10 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2132), 'qty-added': hiddenProductIds.includes(2132) }">
<script>
function initPriceBox__676774d7cefd4() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d7cefd4()" @update-prices-2132.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2132" data-price-box="product-id-2132"> <span x-data="" x-id="['product\u002Dprice\u002D2132']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2132')" data-price-amount="1.79" data-price-type="finalPrice" class="price-wrapper " id="product-price-2132-1"><span class="price">CHF 1.79</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.18</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2132() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2132,
"sku": "108806",
"bundleOptions": [],
"name": "Espresso Vanille - Premium ",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2132().parse())"
data-item="{"productId":2132,"sku":"108806","bundleOptions":[],"name":"Espresso Vanille - Premium ","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2132-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2132"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2132-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2132"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2132"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2132">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3564/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3564/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3564, 4, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Irish\u0020Cream\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100032\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-3564" class="product-card product_addtocart_form product-shadow product-item-3564 glider-slide right-3" data-position="4" data-gslide="4" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3564">
<a href="https://www.kaffekapslen.ch/espresso-irish-cream-premium-nespresso.html" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Irish\u0020Cream\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100032\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3564.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kk-premium-irish-cream-2001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kk-premium-irish-cream-2001.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Irish cream for Nespresso" title="Kaffekapslen Irish cream for Nespresso"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill3564">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill3564)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(8)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-irish-cream-premium-nespresso.html" :id="`slide-desc-3564-${$id('slider-id')}`" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Irish\u0020Cream\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100032\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3564-slider-id-5"><span id="product-item-name-3564" class="product-item-name">Espresso Irish Cream - Premium</span> <span class="product-item-subtitle">10 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3564), 'qty-added': hiddenProductIds.includes(3564) }">
<script>
function initPriceBox__676774d7d23e7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d7d23e7()" @update-prices-3564.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3564" data-price-box="product-id-3564"> <span x-data="" x-id="['product\u002Dprice\u002D3564']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D3564')" data-price-amount="1.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-3564-1"><span class="price">CHF 1.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.17</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3564() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3564,
"sku": "100032",
"bundleOptions": [],
"name": "Espresso Irish Cream - Premium",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3564().parse())"
data-item="{"productId":3564,"sku":"100032","bundleOptions":[],"name":"Espresso Irish Cream - Premium","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3564-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3564"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3564-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3564"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3564"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3564">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2083/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2083/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2083, 5, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Strong\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A15,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lungo\u002DKapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022661\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108894\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-2083" class="product-card product_addtocart_form product-shadow product-item-2083 glider-slide right-4" data-position="5" data-gslide="5" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2083">
<a href="https://www.kaffekapslen.ch/lungo-strong-premium-100-kapseln-kaffekapslen-nespresso.html" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Strong\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A15,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lungo\u002DKapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022661\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108894\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2083.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kk-100-lungo-strong-0021.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kk-100-lungo-strong-0021.jpg" loading="lazy" width="240" height="300" alt="Packung mit 100 Aluminiumkapseln Kaffekapslen Lungo Strong für Nespresso" title="Packung mit 100 Aluminiumkapseln Kaffekapslen Lungo Strong für Nespresso"></a>
<div class="product-info">
<div class="rating-short "></div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/lungo-strong-premium-100-kapseln-kaffekapslen-nespresso.html" :id="`slide-desc-2083-${$id('slider-id')}`" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Strong\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A15,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lungo\u002DKapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022661\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108894\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2083-slider-id-6"><span id="product-item-name-2083" class="product-item-name">Lungo Strong - Premium</span> <span class="product-item-subtitle">100 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2083), 'qty-added': hiddenProductIds.includes(2083) }">
<script>
function initPriceBox__676774d7d58b0() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d7d58b0()" @update-prices-2083.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2083" data-price-box="product-id-2083">
<p class="minimal-price text-price flex flex-col-reverse "> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D2083']" class="price-container price-final_price tax weee"> <span class="price-label">Regulärer Preis</span>
<span :id="$id('old\u002Dprice\u002D2083')" data-price-amount="16" data-price-type="" class="price-wrapper " id="old-price-2083-1"><span class="price">CHF 16.00</span></span> </span></span> <span x-data=""
x-id="['from\u002D2083']" class="price-container price-final_price tax weee"> <span class="price-label">Ab</span> <span :id="$id('from\u002D2083')" data-price-amount="15" data-price-type="" class="price-wrapper " id="from-2083-1"><span
class="price">CHF 15.00</span></span> </span> <span class="product-price-per"><span class="price">CHF 0.15</span> / Tasse</span></p>
</div>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2083() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2083,
"sku": "108894",
"bundleOptions": [{
"id": 1139,
"quantity": 1,
"value": ["2132"]
}, {
"id": 1140,
"quantity": 1,
"value": ["2133"]
}, {
"id": 1141,
"quantity": 1,
"value": ["2134"]
}, {
"id": 1142,
"quantity": 1,
"value": ["2135"]
}, {
"id": 1143,
"quantity": 1,
"value": ["2136"]
}, {
"id": 1144,
"quantity": 1,
"value": ["2137"]
}, {
"id": 1145,
"quantity": 1,
"value": ["2138"]
}, {
"id": 1146,
"quantity": 1,
"value": ["2139"]
}, {
"id": 1147,
"quantity": 1,
"value": ["2140"]
}, {
"id": 1148,
"quantity": 1,
"value": ["2141"]
}],
"name": "Lungo Strong - Premium",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2083().parse())"
data-item="{"productId":2083,"sku":"108894","bundleOptions":[{"id":1139,"quantity":1,"value":["2132"]},{"id":1140,"quantity":1,"value":["2133"]},{"id":1141,"quantity":1,"value":["2134"]},{"id":1142,"quantity":1,"value":["2135"]},{"id":1143,"quantity":1,"value":["2136"]},{"id":1144,"quantity":1,"value":["2137"]},{"id":1145,"quantity":1,"value":["2138"]},{"id":1146,"quantity":1,"value":["2139"]},{"id":1147,"quantity":1,"value":["2140"]},{"id":1148,"quantity":1,"value":["2141"]}],"name":"Lungo Strong - Premium","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2083-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2083"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2083-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2083"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2083"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2083">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1495/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1495/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1495, 6, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Decaf\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Pods\u0022,\u0022id\u0022\u003A\u0022915\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022921\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108804\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.25,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-1495" class="product-card product_addtocart_form product-shadow product-item-1495 glider-slide right-5" data-position="6" data-gslide="6" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1495"> <a href="https://www.kaffekapslen.ch/espresso-decaf-premium-kaffekapslen-nespresso.html" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Decaf\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Pods\u0022,\u0022id\u0022\u003A\u0022915\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022921\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108804\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.25,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1495.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kk-10-espresso-decaf-0021.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kk-10-espresso-decaf-0021.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Espresso Decaf Premium Packung und Kapsel für Nespresso
" title="Kaffekapslen Espresso Decaf Premium Packung und Kapsel für Nespresso
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1495">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="25%" stop-color="#FAB10B"></stop>
<stop offset="25%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1495)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(33)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-decaf-premium-kaffekapslen-nespresso.html" :id="`slide-desc-1495-${$id('slider-id')}`" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Decaf\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Pods\u0022,\u0022id\u0022\u003A\u0022915\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022921\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108804\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.25,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1495-slider-id-7"><span id="product-item-name-1495" class="product-item-name">Espresso Decaf - Premium</span> <span class="product-item-subtitle">10 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1495), 'qty-added': hiddenProductIds.includes(1495) }">
<script>
function initPriceBox__676774d7e3fb9() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d7e3fb9()" @update-prices-1495.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1495" data-price-box="product-id-1495"> <span x-data="" x-id="['product\u002Dprice\u002D1495']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1495')" data-price-amount="1.59" data-price-type="finalPrice" class="price-wrapper " id="product-price-1495-1"><span class="price">CHF 1.59</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.16</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1495() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1495,
"sku": "108804",
"bundleOptions": [],
"name": "Espresso Decaf - Premium",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1495().parse())"
data-item="{"productId":1495,"sku":"108804","bundleOptions":[],"name":"Espresso Decaf - Premium","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1495-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1495"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1495-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1495"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1495"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1495">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1777/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1777/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1777, 7, '\u007B\u0022title\u0022\u003A\u0022Ristretto\u0020\u002D\u0020Premium\u0020\u0022,\u0022price\u0022\u003A14,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108896\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-1777" class="product-card product_addtocart_form product-shadow product-item-1777 glider-slide right-6" data-position="7" data-gslide="7" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1777">
<a href="https://www.kaffekapslen.ch/ristretto-premium-100-kapseln-kaffekapslen-nespresso.html" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Ristretto\u0020\u002D\u0020Premium\u0020\u0022,\u0022price\u0022\u003A14,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108896\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1777.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pt-kaffekapslen-a100-ristretto-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pt-kaffekapslen-a100-ristretto-0001.jpg" loading="lazy" width="240" height="300" alt="Packung mit 100 Aluminiumkapseln Kaffekapslen Ristretto für Nespresso" title="Packung mit 100 Aluminiumkapseln Kaffekapslen Ristretto für Nespresso"></a>
<div class="product-info">
<div class="rating-short "></div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/ristretto-premium-100-kapseln-kaffekapslen-nespresso.html" :id="`slide-desc-1777-${$id('slider-id')}`" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Ristretto\u0020\u002D\u0020Premium\u0020\u0022,\u0022price\u0022\u003A14,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022624\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108896\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A100,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1777-slider-id-8"><span id="product-item-name-1777" class="product-item-name">Ristretto - Premium </span> <span class="product-item-subtitle">100 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1777), 'qty-added': hiddenProductIds.includes(1777) }">
<script>
function initPriceBox__6767761095455() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767761095455()" @update-prices-1777.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1777" data-price-box="product-id-1777">
<p class="minimal-price text-price flex flex-col-reverse "> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D1777']" class="price-container price-final_price tax weee"> <span class="price-label">Regulärer Preis</span>
<span :id="$id('old\u002Dprice\u002D1777')" data-price-amount="14.5" data-price-type="" class="price-wrapper " id="old-price-1777-1"><span class="price">CHF 14.50</span></span> </span></span> <span x-data=""
x-id="['from\u002D1777']" class="price-container price-final_price tax weee"> <span class="price-label">Ab</span> <span :id="$id('from\u002D1777')" data-price-amount="14" data-price-type="" class="price-wrapper " id="from-1777-1"><span
class="price">CHF 14.00</span></span> </span> <span class="product-price-per"><span class="price">CHF 0.14</span> / Tasse</span></p>
</div>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1777() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1777,
"sku": "108896",
"bundleOptions": [{
"id": 922,
"quantity": 1,
"value": ["1840"]
}, {
"id": 923,
"quantity": 1,
"value": ["1841"]
}, {
"id": 924,
"quantity": 1,
"value": ["1842"]
}, {
"id": 925,
"quantity": 1,
"value": ["1843"]
}, {
"id": 926,
"quantity": 1,
"value": ["1844"]
}, {
"id": 927,
"quantity": 1,
"value": ["1845"]
}, {
"id": 928,
"quantity": 1,
"value": ["1846"]
}, {
"id": 929,
"quantity": 1,
"value": ["1847"]
}, {
"id": 930,
"quantity": 1,
"value": ["1848"]
}, {
"id": 931,
"quantity": 1,
"value": ["1849"]
}],
"name": "Ristretto - Premium ",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1777().parse())"
data-item="{"productId":1777,"sku":"108896","bundleOptions":[{"id":922,"quantity":1,"value":["1840"]},{"id":923,"quantity":1,"value":["1841"]},{"id":924,"quantity":1,"value":["1842"]},{"id":925,"quantity":1,"value":["1843"]},{"id":926,"quantity":1,"value":["1844"]},{"id":927,"quantity":1,"value":["1845"]},{"id":928,"quantity":1,"value":["1846"]},{"id":929,"quantity":1,"value":["1847"]},{"id":930,"quantity":1,"value":["1848"]},{"id":931,"quantity":1,"value":["1849"]}],"name":"Ristretto - Premium ","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1777-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1777"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1777-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1777"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1777"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1777">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2139/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2139/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2139, 8, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Hasselnuss\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108809\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.05,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-2139" class="product-card product_addtocart_form product-shadow product-item-2139 glider-slide right-7" data-position="8" data-gslide="8" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2139">
<a href="https://www.kaffekapslen.ch/espresso-hasselnuss-premium-kaffekapslen-nespresso.html" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Hasselnuss\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108809\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.05,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2139.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kaffekapslen-premium-10-espresso-hazelnut-1001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kaffekapslen-premium-10-espresso-hazelnut-1001.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Espresso Hazelnut for Nespresso®" title="Kaffekapslen Espresso Hazelnut for Nespresso®"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2139">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="5.0000000000001%" stop-color="#FAB10B"></stop>
<stop offset="5.0000000000001%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2139)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(30)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-hasselnuss-premium-kaffekapslen-nespresso.html" :id="`slide-desc-2139-${$id('slider-id')}`" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Hasselnuss\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108809\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.05,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2139-slider-id-9"><span id="product-item-name-2139" class="product-item-name">Espresso Hasselnuss - Premium</span> <span class="product-item-subtitle">10 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2139), 'qty-added': hiddenProductIds.includes(2139) }">
<script>
function initPriceBox__676774d80db26() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d80db26()" @update-prices-2139.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2139" data-price-box="product-id-2139"> <span x-data="" x-id="['product\u002Dprice\u002D2139']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2139')" data-price-amount="1.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-2139-1"><span class="price">CHF 1.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.17</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2139() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2139,
"sku": "108809",
"bundleOptions": [],
"name": "Espresso Hasselnuss - Premium",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2139().parse())"
data-item="{"productId":2139,"sku":"108809","bundleOptions":[],"name":"Espresso Hasselnuss - Premium","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2139-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2139"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2139-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2139"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2139"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2139">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2133/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2133/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2133, 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Schokolade\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108807\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.1,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )"
id="product-form-2133" class="product-card product_addtocart_form product-shadow product-item-2133 glider-slide right-8" data-position="9" data-gslide="9" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2133"> <a href="https://www.kaffekapslen.ch/espresso-chocolate-premium-kaffekapslen-nespresso.html" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Schokolade\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108807\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.1,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2133.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-kaffekapslen-premium-10-espresso-chocolate-1001_720.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-kaffekapslen-premium-10-espresso-chocolate-1001_720.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Espresso Chocolate Premium Packung und Kapsel für Nespresso
" title="Kaffekapslen Espresso Chocolate Premium Packung und Kapsel für Nespresso
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2133">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="10%" stop-color="#FAB10B"></stop>
<stop offset="10%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2133)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(37)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-chocolate-premium-kaffekapslen-nespresso.html" :id="`slide-desc-2133-${$id('slider-id')}`" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Schokolade\u0020\u002D\u0020Premium\u0022,\u0022price\u0022\u003A1.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022603\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Aluminiumkapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022672\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022685\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022877\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221048\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022108807\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A4.1,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2133-slider-id-10"><span id="product-item-name-2133" class="product-item-name">Espresso Schokolade - Premium</span> <span class="product-item-subtitle">10 Kapseln für Nespresso®</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2133), 'qty-added': hiddenProductIds.includes(2133) }">
<script>
function initPriceBox__676774d81142a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d81142a()" @update-prices-2133.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2133" data-price-box="product-id-2133"> <span x-data="" x-id="['product\u002Dprice\u002D2133']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2133')" data-price-amount="1.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-2133-1"><span class="price">CHF 1.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.17</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2133() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2133,
"sku": "108807",
"bundleOptions": [],
"name": "Espresso Schokolade - Premium",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2133().parse())"
data-item="{"productId":2133,"sku":"108807","bundleOptions":[],"name":"Espresso Schokolade - Premium","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2133-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2133"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2133-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2133"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2133"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2133">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/330/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/330/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 330, 0, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Caf\u005Cu00e9\u0020Au\u0020Lait\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101080\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-330" class="product-card product_addtocart_form product-shadow product-item-330 glider-slide active left-1 visible" data-position="0" data-gslide="0" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="330">
<a href="https://www.kaffekapslen.ch/big-pack-30-cafe-au-lait-nescafe-dolce-gusto.html" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Caf\u005Cu00e9\u0020Au\u0020Lait\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101080\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-330.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-nescafe-30-cafe-au-lait-2001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-nescafe-30-cafe-au-lait-2001.jpg" loading="lazy" width="240" height="300" alt="Nescafé Café au Lait Big Pack package and capsule for Dolce Gusto" title="Nescafé Café au Lait Big Pack package and capsule for Dolce Gusto"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill330">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill330)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(183)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/big-pack-30-cafe-au-lait-nescafe-dolce-gusto.html" :id="`slide-desc-330-${$id('slider-id')}`" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Caf\u005Cu00e9\u0020Au\u0020Lait\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101080\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-330-slider-id-11"><span id="product-item-name-330" class="product-item-name">Nescafé Café Au Lait</span> <span class="product-item-subtitle">30 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(330), 'qty-added': hiddenProductIds.includes(330) }">
<script>
function initPriceBox__676774d821fe9() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d821fe9()" @update-prices-330.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="330" data-price-box="product-id-330"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D330']"
class="price-container price-final_price tax weee"> <span class="price-label">Sonderpreis</span> <span :id="$id('product\u002Dprice\u002D330')" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "
id="product-price-330-1"><span class="price">CHF 8.99</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D330']" class="price-container price-final_price tax weee"> <span
class="price-label">Regulärer Preis</span> <span :id="$id('old\u002Dprice\u002D330')" data-price-amount="9.49" data-price-type="oldPrice" class="price-wrapper " id="old-price-330-1"><span class="price">CHF 9.49</span></span>
</span></span> </div> <span class="product-price-per"><span class="price">CHF 0.30</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_330() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 330,
"sku": "101080",
"bundleOptions": [],
"name": "Nescaf\u00e9 Caf\u00e9 Au Lait",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_330().parse())"
data-item="{"productId":330,"sku":"101080","bundleOptions":[],"name":"Nescafé Café Au Lait","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-330-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-330"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-330-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-330"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-330"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-330">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1470/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1470/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1470, 1, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Toffee\u0020Nut\u0020Latte\u0022,\u0022price\u0022\u003A4.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101139\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-1470" class="product-card product_addtocart_form product-shadow product-item-1470 glider-slide center visible" data-position="1" data-gslide="1" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1470">
<a href="https://www.kaffekapslen.ch/toffee-nut-latte-starbucks-dolce-gusto.html" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Toffee\u0020Nut\u0020Latte\u0022,\u0022price\u0022\u003A4.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101139\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1470.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-starbucks-12-toffee-nut-latte-0041.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-starbucks-12-toffee-nut-latte-0041.jpg" loading="lazy" width="240" height="300" alt="Starbucks Toffee Nut Latte" title="Starbucks Toffee Nut Latte"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1470">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1470)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(57)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/toffee-nut-latte-starbucks-dolce-gusto.html" :id="`slide-desc-1470-${$id('slider-id')}`" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Toffee\u0020Nut\u0020Latte\u0022,\u0022price\u0022\u003A4.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101139\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1470-slider-id-12"><span id="product-item-name-1470" class="product-item-name">Starbucks Toffee Nut Latte</span> <span class="product-item-subtitle">12 Kapseln für Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1470), 'qty-added': hiddenProductIds.includes(1470) }">
<script>
function initPriceBox__676774d8262c2() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8262c2()" @update-prices-1470.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1470" data-price-box="product-id-1470"> <span x-data="" x-id="['product\u002Dprice\u002D1470']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1470')" data-price-amount="4.59" data-price-type="finalPrice" class="price-wrapper " id="product-price-1470-1"><span class="price">CHF 4.59</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.77</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1470() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1470,
"sku": "101139",
"bundleOptions": [],
"name": "Starbucks Toffee Nut Latte",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1470().parse())"
data-item="{"productId":1470,"sku":"101139","bundleOptions":[],"name":"Starbucks Toffee Nut Latte","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1470-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1470"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1470-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1470"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1470"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1470">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1090/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1090/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1090, 2, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Cappuccino\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101126\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-1090" class="product-card product_addtocart_form product-shadow product-item-1090 glider-slide right-1 visible" data-position="2" data-gslide="2" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1090">
<a href="https://www.kaffekapslen.ch/big-pack-cappuccino-nescafe-dolce-gusto.html" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Cappuccino\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101126\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1090.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-nescafe-30-cappuccino-2001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-nescafe-30-cappuccino-2001.jpg" loading="lazy" width="240" height="300" alt="Nescafé Cappuccino Big Pack package and capsule for Dolce Gusto" title="Nescafé Cappuccino Big Pack package and capsule for Dolce Gusto"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1090">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1090)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(71)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/big-pack-cappuccino-nescafe-dolce-gusto.html" :id="`slide-desc-1090-${$id('slider-id')}`" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Cappuccino\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101126\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1090-slider-id-13"><span id="product-item-name-1090" class="product-item-name">Nescafé Cappuccino</span> <span class="product-item-subtitle">30 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1090), 'qty-added': hiddenProductIds.includes(1090) }">
<script>
function initPriceBox__676774d82935b() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d82935b()" @update-prices-1090.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1090" data-price-box="product-id-1090"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D1090']"
class="price-container price-final_price tax weee"> <span class="price-label">Sonderpreis</span> <span :id="$id('product\u002Dprice\u002D1090')" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "
id="product-price-1090-1"><span class="price">CHF 8.99</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D1090']" class="price-container price-final_price tax weee"> <span
class="price-label">Regulärer Preis</span> <span :id="$id('old\u002Dprice\u002D1090')" data-price-amount="9.49" data-price-type="oldPrice" class="price-wrapper " id="old-price-1090-1"><span class="price">CHF 9.49</span></span>
</span></span> </div> <span class="product-price-per"><span class="price">CHF 0.60</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1090() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1090,
"sku": "101126",
"bundleOptions": [],
"name": "Nescaf\u00e9 Cappuccino",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1090().parse())"
data-item="{"productId":1090,"sku":"101126","bundleOptions":[],"name":"Nescafé Cappuccino","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1090-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1090"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1090-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1090"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1090"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1090">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1249/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1249/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1249, 3, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Caramel\u0020Macchiato\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101152\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-1249" class="product-card product_addtocart_form product-shadow product-item-1249 glider-slide right-2" data-position="3" data-gslide="3" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1249">
<a href="https://www.kaffekapslen.ch/caramel-macchiato-starbucks-dolce-gusto.html" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Caramel\u0020Macchiato\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101152\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1249.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-starbucks-12-caramel-macchiato-0031.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-starbucks-12-caramel-macchiato-0031.jpg" loading="lazy" width="240" height="300" alt="Starbucks Caramel Macchiato" title="Starbucks Caramel Macchiato"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1249">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1249)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(61)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/caramel-macchiato-starbucks-dolce-gusto.html" :id="`slide-desc-1249-${$id('slider-id')}`" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Caramel\u0020Macchiato\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101152\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1249-slider-id-14"><span id="product-item-name-1249" class="product-item-name">Starbucks Caramel Macchiato</span> <span class="product-item-subtitle">12 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1249), 'qty-added': hiddenProductIds.includes(1249) }">
<script>
function initPriceBox__676774d82c603() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d82c603()" @update-prices-1249.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1249" data-price-box="product-id-1249"> <span x-data="" x-id="['product\u002Dprice\u002D1249']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1249')" data-price-amount="5.19" data-price-type="finalPrice" class="price-wrapper " id="product-price-1249-1"><span class="price">CHF 5.19</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.87</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1249() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1249,
"sku": "101152",
"bundleOptions": [],
"name": "Starbucks Caramel Macchiato",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1249().parse())"
data-item="{"productId":1249,"sku":"101152","bundleOptions":[],"name":"Starbucks Caramel Macchiato","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1249-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1249"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1249-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1249"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1249"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1249">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1717/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1717/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1717, 4, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Lungo\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101171\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-1717" class="product-card product_addtocart_form product-shadow product-item-1717 glider-slide right-3" data-position="4" data-gslide="4" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1717"> <a href="https://www.kaffekapslen.ch/big-pack-lungo-30-nescafe-dolce-gusto.html" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Lungo\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101171\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1717.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-nescafe-30-lungo-2001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-nescafe-30-lungo-2001.jpg" loading="lazy" width="240" height="300" alt="Package with Nescafé Lungo Big Pack for Dolce Gusto
" title="Package with Nescafé Lungo Big Pack for Dolce Gusto
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1717">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1717)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(44)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/big-pack-lungo-30-nescafe-dolce-gusto.html" :id="`slide-desc-1717-${$id('slider-id')}`" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Lungo\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101171\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1717-slider-id-15"><span id="product-item-name-1717" class="product-item-name">Nescafé Lungo</span> <span class="product-item-subtitle">30 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1717), 'qty-added': hiddenProductIds.includes(1717) }">
<script>
function initPriceBox__676774d82f4ad() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d82f4ad()" @update-prices-1717.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1717" data-price-box="product-id-1717"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D1717']"
class="price-container price-final_price tax weee"> <span class="price-label">Sonderpreis</span> <span :id="$id('product\u002Dprice\u002D1717')" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "
id="product-price-1717-1"><span class="price">CHF 8.99</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D1717']" class="price-container price-final_price tax weee"> <span
class="price-label">Regulärer Preis</span> <span :id="$id('old\u002Dprice\u002D1717')" data-price-amount="9.49" data-price-type="oldPrice" class="price-wrapper " id="old-price-1717-1"><span class="price">CHF 9.49</span></span>
</span></span> </div> <span class="product-price-per"><span class="price">CHF 0.30</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1717() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1717,
"sku": "101171",
"bundleOptions": [],
"name": "Nescaf\u00e9 Lungo",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1717().parse())"
data-item="{"productId":1717,"sku":"101171","bundleOptions":[],"name":"Nescafé Lungo","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1717-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1717"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1717-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1717"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1717"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1717">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1223/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1223/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1223, 5, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101127\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-1223" class="product-card product_addtocart_form product-shadow product-item-1223 glider-slide right-4" data-position="5" data-gslide="5" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1223">
<a href="https://www.kaffekapslen.ch/big-pack-latte-macchiato-nescafe-dolce-gusto.html" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101127\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1223.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-nescafe-30-latte-macchiato-2001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-nescafe-30-latte-macchiato-2001.jpg" loading="lazy" width="240" height="300" alt="Nescafé Latte Macchiato Big Pack package and capsule for Dolce Gusto" title="Nescafé Latte Macchiato Big Pack package and capsule for Dolce Gusto"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1223">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1223)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(32)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/big-pack-latte-macchiato-nescafe-dolce-gusto.html" :id="`slide-desc-1223-${$id('slider-id')}`" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A8.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101127\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1223-slider-id-16"><span id="product-item-name-1223" class="product-item-name">Nescafé Latte Macchiato</span> <span class="product-item-subtitle">30 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1223), 'qty-added': hiddenProductIds.includes(1223) }">
<script>
function initPriceBox__676774d8325e7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8325e7()" @update-prices-1223.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1223" data-price-box="product-id-1223"> <span class="special-price"> <span x-data="" x-id="['product\u002Dprice\u002D1223']"
class="price-container price-final_price tax weee"> <span class="price-label">Sonderpreis</span> <span :id="$id('product\u002Dprice\u002D1223')" data-price-amount="8.99" data-price-type="finalPrice" class="price-wrapper "
id="product-price-1223-1"><span class="price">CHF 8.99</span></span> </span></span> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D1223']" class="price-container price-final_price tax weee"> <span
class="price-label">Regulärer Preis</span> <span :id="$id('old\u002Dprice\u002D1223')" data-price-amount="9.49" data-price-type="oldPrice" class="price-wrapper " id="old-price-1223-1"><span class="price">CHF 9.49</span></span>
</span></span> </div> <span class="product-price-per"><span class="price">CHF 0.60</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1223() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1223,
"sku": "101127",
"bundleOptions": [],
"name": "Nescaf\u00e9 Latte Macchiato",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1223().parse())"
data-item="{"productId":1223,"sku":"101127","bundleOptions":[],"name":"Nescafé Latte Macchiato","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1223-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1223"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1223-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1223"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1223"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1223">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1582/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1582/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1582, 6, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Vanilla\u0020Macchiato\u0020Madagascar\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101159\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-1582" class="product-card product_addtocart_form product-shadow product-item-1582 glider-slide right-5" data-position="6" data-gslide="6" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1582">
<a href="https://www.kaffekapslen.ch/vanilla-macchiato-madagascar-starbucks-dolce-gusto.html" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Vanilla\u0020Macchiato\u0020Madagascar\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101159\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1582.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-starbucks-12-madagascar-vanilla-macchiato-0021.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-starbucks-12-madagascar-vanilla-macchiato-0021.jpg" loading="lazy" width="240" height="300" alt="Starbucks Vanilla Macchiato Madagascar" title="Starbucks Vanilla Macchiato Madagascar"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1582">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1582)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(31)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/vanilla-macchiato-madagascar-starbucks-dolce-gusto.html" :id="`slide-desc-1582-${$id('slider-id')}`" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020Vanilla\u0020Macchiato\u0020Madagascar\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101159\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1582-slider-id-17"><span id="product-item-name-1582" class="product-item-name">Starbucks Vanilla Macchiato Madagascar</span> <span class="product-item-subtitle">12 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1582), 'qty-added': hiddenProductIds.includes(1582) }">
<script>
function initPriceBox__676774d835325() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d835325()" @update-prices-1582.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1582" data-price-box="product-id-1582"> <span x-data="" x-id="['product\u002Dprice\u002D1582']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1582')" data-price-amount="5.19" data-price-type="finalPrice" class="price-wrapper " id="product-price-1582-1"><span class="price">CHF 5.19</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.87</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1582() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1582,
"sku": "101159",
"bundleOptions": [],
"name": "Starbucks Vanilla Macchiato Madagascar",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1582().parse())"
data-item="{"productId":1582,"sku":"101159","bundleOptions":[],"name":"Starbucks Vanilla Macchiato Madagascar","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1582-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1582"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1582-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1582"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1582"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1582">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1661/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1661/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1661, 7, '\u007B\u0022title\u0022\u003A\u0022Chai\u0020Latte\u0022,\u0022price\u0022\u003A2.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020NESCAFE\u0020Dolce\u0020Gusto\u0020Maschinen\u0022,\u0022id\u0022\u003A\u0022684\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022880\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Dolce\u0020Gusto\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221051\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101360\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022tea\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-1661" class="product-card product_addtocart_form product-shadow product-item-1661 glider-slide right-6" data-position="7" data-gslide="7" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1661">
<a href="https://www.kaffekapslen.ch/chai-latte-alltagskaffee-kaffekapslen-dolce-gusto.html" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Chai\u0020Latte\u0022,\u0022price\u0022\u003A2.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020NESCAFE\u0020Dolce\u0020Gusto\u0020Maschinen\u0022,\u0022id\u0022\u003A\u0022684\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022880\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Dolce\u0020Gusto\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221051\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101360\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022tea\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1661.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolce-gusto-kaffekapslen-16-chai-latte-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolce-gusto-kaffekapslen-16-chai-latte-0001.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Chai Latte package and capsule for Dolce Gusto" title="Kaffekapslen Chai Latte package and capsule for Dolce Gusto"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1661">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1661)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(26)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/chai-latte-alltagskaffee-kaffekapslen-dolce-gusto.html" :id="`slide-desc-1661-${$id('slider-id')}`" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Chai\u0020Latte\u0022,\u0022price\u0022\u003A2.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kapseln\u0020f\u005Cu00fcr\u0020NESCAFE\u0020Dolce\u0020Gusto\u0020Maschinen\u0022,\u0022id\u0022\u003A\u0022684\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022880\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Dolce\u0020Gusto\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221051\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101360\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022tea\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1661-slider-id-18"><span id="product-item-name-1661" class="product-item-name">Chai Latte</span> <span class="product-item-subtitle">16 Kapseln für Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1661), 'qty-added': hiddenProductIds.includes(1661) }">
<script>
function initPriceBox__676774d837ff8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d837ff8()" @update-prices-1661.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1661" data-price-box="product-id-1661"> <span x-data="" x-id="['product\u002Dprice\u002D1661']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1661')" data-price-amount="2.79" data-price-type="finalPrice" class="price-wrapper " id="product-price-1661-1"><span class="price">CHF 2.79</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.35</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1661() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1661,
"sku": "101360",
"bundleOptions": [],
"name": "Chai Latte",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1661().parse())"
data-item="{"productId":1661,"sku":"101360","bundleOptions":[],"name":"Chai Latte","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1661-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1661"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1661-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1661"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1661"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1661">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2643/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2643/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2643, 8, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Nesquik\u0022,\u0022price\u0022\u003A8.89,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101133\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-2643" class="product-card product_addtocart_form product-shadow product-item-2643 glider-slide right-7" data-position="8" data-gslide="8" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2643"> <a href="https://www.kaffekapslen.ch/nesquik-nescafe-big-pack-dolce-gusto.html" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Nesquik\u0022,\u0022price\u0022\u003A8.89,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101133\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2643.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-nescafe-30-nesquik-2001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-nescafe-30-nesquik-2001.jpg" loading="lazy" width="240" height="300" alt="Nescafé Nesquik 30 Packung und Kapsel für Dolce Gusto
" title="Nescafé Nesquik 30 Packung und Kapsel für Dolce Gusto
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2643">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2643)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(13)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/nesquik-nescafe-big-pack-dolce-gusto.html" :id="`slide-desc-2643-${$id('slider-id')}`" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Nesquik\u0022,\u0022price\u0022\u003A8.89,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nescaf\u005Cu00e9\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101133\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A30,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2643-slider-id-19"><span id="product-item-name-2643" class="product-item-name">Nescafé Nesquik</span> <span class="product-item-subtitle">30 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2643), 'qty-added': hiddenProductIds.includes(2643) }">
<script>
function initPriceBox__676774d83b406() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d83b406()" @update-prices-2643.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2643" data-price-box="product-id-2643"> <span x-data="" x-id="['product\u002Dprice\u002D2643']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2643')" data-price-amount="8.89" data-price-type="finalPrice" class="price-wrapper " id="product-price-2643-1"><span class="price">CHF 8.89</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.30</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2643() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2643,
"sku": "101133",
"bundleOptions": [],
"name": "Nescaf\u00e9 Nesquik",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2643().parse())"
data-item="{"productId":2643,"sku":"101133","bundleOptions":[],"name":"Nescafé Nesquik","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2643-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2643"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2643-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2643"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2643"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2643">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2640/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2640/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2640, 9, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020White\u0020Mocha\u0020\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101162\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )"
id="product-form-2640" class="product-card product_addtocart_form product-shadow product-item-2640 glider-slide right-8" data-position="9" data-gslide="9" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2640">
<a href="https://www.kaffekapslen.ch/white-mocha-starbucks-dolce-gusto.html" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020White\u0020Mocha\u0020\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101162\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2640.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/d/o/dolcegusto-starbucks-12-white-mocha-0021.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/d/o/dolcegusto-starbucks-12-white-mocha-0021.jpg" loading="lazy" width="240" height="300" alt="Starbucks White Mocha " title="Starbucks White Mocha "></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2640">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2640)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(19)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/white-mocha-starbucks-dolce-gusto.html" :id="`slide-desc-2640-${$id('slider-id')}`" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020White\u0020Mocha\u0020\u0022,\u0022price\u0022\u003A5.19,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Starbucks\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022594\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Nescaf\u005Cu00e9\u0020Dolce\u0020Gusto\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022683\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u0020f\u005Cu00fcr\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022692\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022810\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Starbucks\u005Cu00ae\u0020for\u0020Dolce\u0020Gusto\u0022,\u0022id\u0022\u003A\u0022816\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022101162\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A12,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Dolce\u0020Gusto\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2640-slider-id-20"><span id="product-item-name-2640" class="product-item-name">Starbucks White Mocha </span> <span class="product-item-subtitle">12 Kapseln für Nescafé Dolce Gusto</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2640), 'qty-added': hiddenProductIds.includes(2640) }">
<script>
function initPriceBox__676774d83e078() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d83e078()" @update-prices-2640.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2640" data-price-box="product-id-2640"> <span x-data="" x-id="['product\u002Dprice\u002D2640']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2640')" data-price-amount="5.19" data-price-type="finalPrice" class="price-wrapper " id="product-price-2640-1"><span class="price">CHF 5.19</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.87</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2640() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2640,
"sku": "101162",
"bundleOptions": [],
"name": "Starbucks White Mocha ",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2640().parse())"
data-item="{"productId":2640,"sku":"101162","bundleOptions":[],"name":"Starbucks White Mocha ","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2640-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2640"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2640-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2640"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2640"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2640">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/169/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/169/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 169, 0, '\u007B\u0022title\u0022\u003A\u0022Milka\u0020Kakaogetr\u005Cu00e4nk\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Milka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kakao\u0020und\u0020Tee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022640\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104010\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-169" class="product-card product_addtocart_form product-shadow product-item-169 glider-slide active left-1 visible" data-position="0" data-gslide="0" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="169">
<a href="https://www.kaffekapslen.ch/milka-kakao-tassimo.html" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Milka\u0020Kakaogetr\u005Cu00e4nk\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Milka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kakao\u0020und\u0020Tee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022640\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104010\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-169.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-milka-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-milka-001.jpg" loading="lazy" width="240" height="300" alt="Milka package and capsule for Tassimo" title="Milka package and capsule for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill169">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill169)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(90)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/milka-kakao-tassimo.html" :id="`slide-desc-169-${$id('slider-id')}`" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Milka\u0020Kakaogetr\u005Cu00e4nk\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Milka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kakao\u0020und\u0020Tee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022640\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104010\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-169-slider-id-21"><span id="product-item-name-169" class="product-item-name">Milka Kakaogetränk</span> <span class="product-item-subtitle">8 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(169), 'qty-added': hiddenProductIds.includes(169) }">
<script>
function initPriceBox__676774d84c13c() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d84c13c()" @update-prices-169.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="169" data-price-box="product-id-169"> <span x-data="" x-id="['product\u002Dprice\u002D169']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D169')" data-price-amount="5.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-169-1"><span class="price">CHF 5.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.71</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_169() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 169,
"sku": "104010",
"bundleOptions": [],
"name": "Milka Kakaogetr\u00e4nk",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_169().parse())"
data-item="{"productId":169,"sku":"104010","bundleOptions":[],"name":"Milka Kakaogetränk","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-169-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-169"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-169-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-169"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-169"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-169">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/641/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/641/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 641, 1, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Latte\u0020Macchiato\u0020Classico\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104015\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.95,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-641" class="product-card product_addtocart_form product-shadow product-item-641 glider-slide center visible" data-position="1" data-gslide="1" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="641">
<a href="https://www.kaffekapslen.ch/latte-macchiato-classico-jacobs-tassimo.html" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Latte\u0020Macchiato\u0020Classico\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104015\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.95,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-641.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-jacobs-latte-macchiato-classico-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-jacobs-latte-macchiato-classico-001.jpg" loading="lazy" width="240" height="300" alt="Jacobs Latte Macchiato Classico package and capsules for Tassimo" title="Jacobs Latte Macchiato Classico package and capsules for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill641">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="95%" stop-color="#FAB10B"></stop>
<stop offset="95%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill641)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(83)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/latte-macchiato-classico-jacobs-tassimo.html" :id="`slide-desc-641-${$id('slider-id')}`" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Latte\u0020Macchiato\u0020Classico\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104015\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.95,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-641-slider-id-22"><span id="product-item-name-641" class="product-item-name">Jacobs Latte Macchiato Classico</span> <span class="product-item-subtitle">16 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(641), 'qty-added': hiddenProductIds.includes(641) }">
<script>
function initPriceBox__676774d85083a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d85083a()" @update-prices-641.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="641" data-price-box="product-id-641"> <span x-data="" x-id="['product\u002Dprice\u002D641']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D641')" data-price-amount="5.39" data-price-type="finalPrice" class="price-wrapper " id="product-price-641-1"><span class="price">CHF 5.39</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.67</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_641() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 641,
"sku": "104015",
"bundleOptions": [],
"name": "Jacobs Latte Macchiato Classico",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_641().parse())"
data-item="{"productId":641,"sku":"104015","bundleOptions":[],"name":"Jacobs Latte Macchiato Classico","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-641-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-641"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-641-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-641"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-641"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-641">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1832/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1832/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1832, 2, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Caf\u005Cu00e9\u0020Au\u0020Lait\u0022,\u0022price\u0022\u003A7.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104080\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A24,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-1832" class="product-card product_addtocart_form product-shadow product-item-1832 glider-slide right-1 visible" data-position="2" data-gslide="2" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1832"> <a href="https://www.kaffekapslen.ch/cafe-au-lait-24-kapseln-jacobs-tassimo.html" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Caf\u005Cu00e9\u0020Au\u0020Lait\u0022,\u0022price\u0022\u003A7.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104080\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A24,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1832.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-jacobs-cafe-au-lait-24-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-jacobs-cafe-au-lait-24-0001.jpg" loading="lazy" width="240" height="300" alt="Jacobs Café au Lait Big Pack Packung und Kapsel für Tassimo
" title="Jacobs Café au Lait Big Pack Packung und Kapsel für Tassimo
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1832">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1832)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(31)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/cafe-au-lait-24-kapseln-jacobs-tassimo.html" :id="`slide-desc-1832-${$id('slider-id')}`" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Caf\u005Cu00e9\u0020Au\u0020Lait\u0022,\u0022price\u0022\u003A7.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104080\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A24,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1832-slider-id-23"><span id="product-item-name-1832" class="product-item-name">Jacobs Café Au Lait</span> <span class="product-item-subtitle">24 kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1832), 'qty-added': hiddenProductIds.includes(1832) }">
<script>
function initPriceBox__676774d85512a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d85512a()" @update-prices-1832.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1832" data-price-box="product-id-1832"> <span x-data="" x-id="['product\u002Dprice\u002D1832']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1832')" data-price-amount="7.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-1832-1"><span class="price">CHF 7.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.32</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1832() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1832,
"sku": "104080",
"bundleOptions": [],
"name": "Jacobs Caf\u00e9 Au Lait",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1832().parse())"
data-item="{"productId":1832,"sku":"104080","bundleOptions":[],"name":"Jacobs Café Au Lait","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1832-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1832"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1832-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1832"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1832"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1832">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/46/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/46/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 46, 3, '\u007B\u0022title\u0022\u003A\u0022Chai\u0020Latte\u0020\u002D\u0020Coffee\u0020Shop\u0020Selections\u0022,\u0022price\u0022\u003A5.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Coffee\u0020Shop\u0020Selections\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104005\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022tea\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-46" class="product-card product_addtocart_form product-shadow product-item-46 glider-slide right-2" data-position="3" data-gslide="3" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="46">
<a href="https://www.kaffekapslen.ch/chai-latte-tassimo.html" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Chai\u0020Latte\u0020\u002D\u0020Coffee\u0020Shop\u0020Selections\u0022,\u0022price\u0022\u003A5.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Coffee\u0020Shop\u0020Selections\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104005\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022tea\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-46.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-coffee-shop-selections-chai-latte-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-coffee-shop-selections-chai-latte-001.jpg" loading="lazy" width="240" height="300" alt="Coffee Shop Selections Chai Latte package and capsule for Tassimo" title="Coffee Shop Selections Chai Latte package and capsule for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill46">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill46)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(84)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/chai-latte-tassimo.html" :id="`slide-desc-46-${$id('slider-id')}`" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Chai\u0020Latte\u0020\u002D\u0020Coffee\u0020Shop\u0020Selections\u0022,\u0022price\u0022\u003A5.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Coffee\u0020Shop\u0020Selections\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104005\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022tea\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-46-slider-id-24"><span id="product-item-name-46" class="product-item-name">Chai Latte - Coffee Shop Selections</span> <span class="product-item-subtitle">8 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(46), 'qty-added': hiddenProductIds.includes(46) }">
<script>
function initPriceBox__676774d859ca5() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d859ca5()" @update-prices-46.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="46" data-price-box="product-id-46"> <span x-data="" x-id="['product\u002Dprice\u002D46']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D46')" data-price-amount="5.49" data-price-type="finalPrice" class="price-wrapper " id="product-price-46-1"><span class="price">CHF 5.49</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.69</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_46() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 46,
"sku": "104005",
"bundleOptions": [],
"name": "Chai Latte - Coffee Shop Selections",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_46().parse())"
data-item="{"productId":46,"sku":"104005","bundleOptions":[],"name":"Chai Latte - Coffee Shop Selections","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-46-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-46"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-46-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-46"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-46"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-46">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/650/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/650/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 650, 4, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020XL\u0020Caff\u005Cu00e9\u0020Crema\u0020\u0022,\u0022price\u0022\u003A5.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u002DKaffee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022600\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104040\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.95,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-650" class="product-card product_addtocart_form product-shadow product-item-650 glider-slide right-3" data-position="4" data-gslide="4" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="650">
<a href="https://www.kaffekapslen.ch/caffe-crema-classico-xl-jacobs-tassimo.html" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020XL\u0020Caff\u005Cu00e9\u0020Crema\u0020\u0022,\u0022price\u0022\u003A5.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u002DKaffee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022600\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104040\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.95,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-650.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-jacobs-caffe-crema-classico-xl-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-jacobs-caffe-crema-classico-xl-001.jpg" loading="lazy" width="240" height="300" alt="Jacobs Caffé Crema Classico XL Packung und Kapsel für Tassimo" title="Jacobs Caffé Crema Classico XL Packung und Kapsel für Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill650">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="95%" stop-color="#FAB10B"></stop>
<stop offset="95%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill650)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(67)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/caffe-crema-classico-xl-jacobs-tassimo.html" :id="`slide-desc-650-${$id('slider-id')}`" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020XL\u0020Caff\u005Cu00e9\u0020Crema\u0020\u0022,\u0022price\u0022\u003A5.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u002DKaffee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022600\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104040\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.95,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-650-slider-id-25"><span id="product-item-name-650" class="product-item-name">Jacobs XL Caffé Crema </span> <span class="product-item-subtitle">16 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(650), 'qty-added': hiddenProductIds.includes(650) }">
<script>
function initPriceBox__67677610b8524() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__67677610b8524()" @update-prices-650.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="650" data-price-box="product-id-650"> <span x-data="" x-id="['product\u002Dprice\u002D650']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D650')" data-price-amount="5.29" data-price-type="finalPrice" class="price-wrapper " id="product-price-650-1"><span class="price">CHF 5.29</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.33</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_650() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 650,
"sku": "104040",
"bundleOptions": [],
"name": "Jacobs XL Caff\u00e9 Crema ",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_650().parse())"
data-item="{"productId":650,"sku":"104040","bundleOptions":[],"name":"Jacobs XL Caffé Crema ","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-650-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-650"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-650-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-650"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-650"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-650">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/642/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/642/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 642, 5, '\u007B\u0022title\u0022\u003A\u0022Jacob\u005Cu00b4s\u0020Caramel\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104022\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-642" class="product-card product_addtocart_form product-shadow product-item-642 glider-slide right-4" data-position="5" data-gslide="5" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="642">
<a href="https://www.kaffekapslen.ch/latte-macchiato-caramel-jacobs-tassimo.html" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Jacob\u005Cu00b4s\u0020Caramel\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104022\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-642.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-jacobs-latte-macchiato-caramel-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-jacobs-latte-macchiato-caramel-001.jpg" loading="lazy" width="240" height="300" alt="Jacobs Latte Macchiato Caramel package and capsules for Tassimo" title="Jacobs Latte Macchiato Caramel package and capsules for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill642">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill642)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(37)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/latte-macchiato-caramel-jacobs-tassimo.html" :id="`slide-desc-642-${$id('slider-id')}`" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Jacob\u005Cu00b4s\u0020Caramel\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104022\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-642-slider-id-26"><span id="product-item-name-642" class="product-item-name">Jacob´s Caramel Latte Macchiato</span> <span class="product-item-subtitle">16 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(642), 'qty-added': hiddenProductIds.includes(642) }">
<script>
function initPriceBox__676774d85ed41() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d85ed41()" @update-prices-642.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="642" data-price-box="product-id-642"> <span x-data="" x-id="['product\u002Dprice\u002D642']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D642')" data-price-amount="5.39" data-price-type="finalPrice" class="price-wrapper " id="product-price-642-1"><span class="price">CHF 5.39</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.67</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_642() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 642,
"sku": "104022",
"bundleOptions": [],
"name": "Jacob\u00b4s Caramel Latte Macchiato",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_642().parse())"
data-item="{"productId":642,"sku":"104022","bundleOptions":[],"name":"Jacob´s Caramel Latte Macchiato","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-642-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-642"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-642-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-642"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-642"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-642">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/645/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/645/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 645, 6, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Cappuccino\u0020Classico\u0022,\u0022price\u0022\u003A5.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104028\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-645" class="product-card product_addtocart_form product-shadow product-item-645 glider-slide right-5" data-position="6" data-gslide="6" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="645">
<a href="https://www.kaffekapslen.ch/cappuccino-classico-jacobs-tassimo.html" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Cappuccino\u0020Classico\u0022,\u0022price\u0022\u003A5.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104028\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-645.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-jacobs-cappuccino-classico-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-jacobs-cappuccino-classico-001.jpg" loading="lazy" width="240" height="300" alt="Jacobs Cappuccino Classico package and capsules for Tassimo" title="Jacobs Cappuccino Classico package and capsules for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill645">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill645)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(37)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/cappuccino-classico-jacobs-tassimo.html" :id="`slide-desc-645-${$id('slider-id')}`" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Jacobs\u0020Cappuccino\u0020Classico\u0022,\u0022price\u0022\u003A5.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Jacobs\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Jacobs\u0022,\u0022id\u0022\u003A\u00221096\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Tassimo\u0022,\u0022id\u0022\u003A\u00221099\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104028\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-645-slider-id-27"><span id="product-item-name-645" class="product-item-name">Jacobs Cappuccino Classico</span> <span class="product-item-subtitle">16 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(645), 'qty-added': hiddenProductIds.includes(645) }">
<script>
function initPriceBox__676774d863a23() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d863a23()" @update-prices-645.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="645" data-price-box="product-id-645"> <span x-data="" x-id="['product\u002Dprice\u002D645']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D645')" data-price-amount="5.49" data-price-type="finalPrice" class="price-wrapper " id="product-price-645-1"><span class="price">CHF 5.49</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.69</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_645() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 645,
"sku": "104028",
"bundleOptions": [],
"name": "Jacobs Cappuccino Classico",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_645().parse())"
data-item="{"productId":645,"sku":"104028","bundleOptions":[],"name":"Jacobs Cappuccino Classico","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-645-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-645"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-645-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-645"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-645"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-645">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/789/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/789/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 789, 7, '\u007B\u0022title\u0022\u003A\u0022Baileys\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Baileys\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104055\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-789" class="product-card product_addtocart_form product-shadow product-item-789 glider-slide right-6" data-position="7" data-gslide="7" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="789">
<a href="https://www.kaffekapslen.ch/latte-macchiato-baileys-tassimo.html" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Baileys\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Baileys\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104055\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-789.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-baileys-latte-macchiato-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-baileys-latte-macchiato-001.jpg" loading="lazy" width="240" height="300" alt="Baileys Latte Macchiato package and capsule for Tassimo" title="Baileys Latte Macchiato package and capsule for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill789">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill789)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(45)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/latte-macchiato-baileys-tassimo.html" :id="`slide-desc-789-${$id('slider-id')}`" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Baileys\u0020Latte\u0020Macchiato\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Baileys\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104055\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-789-slider-id-28"><span id="product-item-name-789" class="product-item-name">Baileys Latte Macchiato</span> <span class="product-item-subtitle">16 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(789), 'qty-added': hiddenProductIds.includes(789) }">
<script>
function initPriceBox__676774d8687ee() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8687ee()" @update-prices-789.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="789" data-price-box="product-id-789"> <span x-data="" x-id="['product\u002Dprice\u002D789']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D789')" data-price-amount="5.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-789-1"><span class="price">CHF 5.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.71</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_789() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 789,
"sku": "104055",
"bundleOptions": [],
"name": "Baileys Latte Macchiato",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_789().parse())"
data-item="{"productId":789,"sku":"104055","bundleOptions":[],"name":"Baileys Latte Macchiato","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-789-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-789"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-789-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-789"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-789"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-789">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1112/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1112/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1112, 8, '\u007B\u0022title\u0022\u003A\u0022Morning\u0020Caf\u005Cu00e9\u0020XL\u0022,\u0022price\u0022\u003A5.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Tassimo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u002DKaffee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022600\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104081\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A21,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-1112" class="product-card product_addtocart_form product-shadow product-item-1112 glider-slide right-7" data-position="8" data-gslide="8" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1112">
<a href="https://www.kaffekapslen.ch/morning-cafe-xl-tassimo-tassimo.html" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Morning\u0020Caf\u005Cu00e9\u0020XL\u0022,\u0022price\u0022\u003A5.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Tassimo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u002DKaffee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022600\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104081\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A21,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1112.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-morning-cafe-xl-21-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-morning-cafe-xl-21-0001.jpg" loading="lazy" width="240" height="300" alt=" Morning Café XL package and capsule for Tassimo" title=" Morning Café XL package and capsule for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1112">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1112)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(62)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/morning-cafe-xl-tassimo-tassimo.html" :id="`slide-desc-1112-${$id('slider-id')}`" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Morning\u0020Caf\u005Cu00e9\u0020XL\u0022,\u0022price\u0022\u003A5.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Tassimo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u002DKaffee\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022600\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104081\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A21,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1112-slider-id-29"><span id="product-item-name-1112" class="product-item-name">Morning Café XL</span> <span class="product-item-subtitle">21 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1112), 'qty-added': hiddenProductIds.includes(1112) }">
<script>
function initPriceBox__676774d86d3e4() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d86d3e4()" @update-prices-1112.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1112" data-price-box="product-id-1112"> <span x-data="" x-id="['product\u002Dprice\u002D1112']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1112')" data-price-amount="5.09" data-price-type="finalPrice" class="price-wrapper " id="product-price-1112-1"><span class="price">CHF 5.09</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.24</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1112() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1112,
"sku": "104081",
"bundleOptions": [],
"name": "Morning Caf\u00e9 XL",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1112().parse())"
data-item="{"productId":1112,"sku":"104081","bundleOptions":[],"name":"Morning Café XL","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1112-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1112"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1112-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1112"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1112"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1112">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1192/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1192/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1192, 9, '\u007B\u0022title\u0022\u003A\u0022Toffee\u0020Nut\u0020Latte\u0020\u002D\u0020Coffee\u0020Shop\u0020Selections\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Coffee\u0020Shop\u0020Selections\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104062\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )"
id="product-form-1192" class="product-card product_addtocart_form product-shadow product-item-1192 glider-slide right-8" data-position="9" data-gslide="9" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1192">
<a href="https://www.kaffekapslen.ch/toffee-nut-latte-coffee-shop-selections-tassimo.html" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Toffee\u0020Nut\u0020Latte\u0020\u002D\u0020Coffee\u0020Shop\u0020Selections\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Coffee\u0020Shop\u0020Selections\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104062\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1192.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/t/a/tassimo-coffee-shop-selections-toffee-nut-latte-001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/t/a/tassimo-coffee-shop-selections-toffee-nut-latte-001.jpg" loading="lazy" width="240" height="300" alt="Coffee Shop Selections Toffee Nut Latte package and capsule for Tassimo" title="Coffee Shop Selections Toffee Nut Latte package and capsule for Tassimo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1192">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1192)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(23)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/toffee-nut-latte-coffee-shop-selections-tassimo.html" :id="`slide-desc-1192-${$id('slider-id')}`" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Toffee\u0020Nut\u0020Latte\u0020\u002D\u0020Coffee\u0020Shop\u0020Selections\u0022,\u0022price\u0022\u003A5.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Coffee\u0020Shop\u0020Selections\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Tassimo\u005Cu00ae\u0020Kapseln\u0022,\u0022id\u0022\u003A\u0022599\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffee\u0020mit\u0020Milch\u0020f\u005Cu00fcr\u0020Tassimo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022601\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022104062\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A16,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Tassimo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1192-slider-id-30"><span id="product-item-name-1192" class="product-item-name">Toffee Nut Latte - Coffee Shop Selections</span> <span class="product-item-subtitle">16 Kapseln für Tassimo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1192), 'qty-added': hiddenProductIds.includes(1192) }">
<script>
function initPriceBox__676774d871e96() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d871e96()" @update-prices-1192.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1192" data-price-box="product-id-1192"> <span x-data="" x-id="['product\u002Dprice\u002D1192']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1192')" data-price-amount="5.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-1192-1"><span class="price">CHF 5.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.71</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1192() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1192,
"sku": "104062",
"bundleOptions": [],
"name": "Toffee Nut Latte - Coffee Shop Selections",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1192().parse())"
data-item="{"productId":1192,"sku":"104062","bundleOptions":[],"name":"Toffee Nut Latte - Coffee Shop Selections","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1192-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1192"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1192-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1192"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1192"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1192">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1397/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1397/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1397, 0, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Classic\u0022,\u0022price\u0022\u003A6.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103120\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-1397" class="product-card product_addtocart_form product-shadow product-item-1397 glider-slide active left-1 visible" data-position="0" data-gslide="0" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1397">
<a href="https://www.kaffekapslen.ch/classic-48-senseo-senseo.html" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Classic\u0022,\u0022price\u0022\u003A6.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103120\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1397.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-classic-utz-48-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-classic-utz-48-0001.jpg" loading="lazy" width="240" height="300" alt="Senseo Classic XXL Mega Pack Packung und Pods für Senseo" title="Senseo Classic XXL Mega Pack Packung und Pods für Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1397">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1397)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(54)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/classic-48-senseo-senseo.html" :id="`slide-desc-1397-${$id('slider-id')}`" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Classic\u0022,\u0022price\u0022\u003A6.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103120\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1397-slider-id-31"><span id="product-item-name-1397" class="product-item-name">Senseo Classic</span> <span class="product-item-subtitle">48 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1397), 'qty-added': hiddenProductIds.includes(1397) }">
<script>
function initPriceBox__676774d884056() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d884056()" @update-prices-1397.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1397" data-price-box="product-id-1397"> <span x-data="" x-id="['product\u002Dprice\u002D1397']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1397')" data-price-amount="6.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-1397-1"><span class="price">CHF 6.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.14</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1397() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1397,
"sku": "103120",
"bundleOptions": [],
"name": "Senseo Classic",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1397().parse())"
data-item="{"productId":1397,"sku":"103120","bundleOptions":[],"name":"Senseo Classic","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1397-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1397"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1397-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1397"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1397"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1397">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1398/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1398/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1398, 1, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Strong\u0022,\u0022price\u0022\u003A6.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103121\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-1398" class="product-card product_addtocart_form product-shadow product-item-1398 glider-slide center visible" data-position="1" data-gslide="1" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1398">
<a href="https://www.kaffekapslen.ch/strong-48-senseo-senseo.html" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Strong\u0022,\u0022price\u0022\u003A6.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103121\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1398.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-strong-utz-48-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-strong-utz-48-0001.jpg" loading="lazy" width="240" height="300" alt="Senseo Strong XXL Mega Pack Packung und Pods für Senseo" title="Senseo Strong XXL Mega Pack Packung und Pods für Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <span class="text-xs text-text-secondary leading-4">(31)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/strong-48-senseo-senseo.html" :id="`slide-desc-1398-${$id('slider-id')}`" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Strong\u0022,\u0022price\u0022\u003A6.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103121\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1398-slider-id-32"><span id="product-item-name-1398" class="product-item-name">Senseo Strong</span> <span class="product-item-subtitle">48 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1398), 'qty-added': hiddenProductIds.includes(1398) }">
<script>
function initPriceBox__676774d888ebf() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d888ebf()" @update-prices-1398.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1398" data-price-box="product-id-1398"> <span x-data="" x-id="['product\u002Dprice\u002D1398']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1398')" data-price-amount="6.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-1398-1"><span class="price">CHF 6.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.14</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1398() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1398,
"sku": "103121",
"bundleOptions": [],
"name": "Senseo Strong",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1398().parse())"
data-item="{"productId":1398,"sku":"103121","bundleOptions":[],"name":"Senseo Strong","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1398-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1398"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1398-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1398"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1398"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1398">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1314/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1314/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1314, 2, '\u007B\u0022title\u0022\u003A\u0022Classic\u0020\u002D\u0020Gimoka\u0022,\u0022price\u0022\u003A4.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Gimoka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Pads\u0020f\u005Cu00fcr\u0020Senseo\u0022,\u0022id\u0022\u003A\u0022693\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103059\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-1314" class="product-card product_addtocart_form product-shadow product-item-1314 glider-slide right-1 visible" data-position="2" data-gslide="2" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1314">
<a href="https://www.kaffekapslen.ch/classic-48-gimoka-senseo.html" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Classic\u0020\u002D\u0020Gimoka\u0022,\u0022price\u0022\u003A4.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Gimoka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Pads\u0020f\u005Cu00fcr\u0020Senseo\u0022,\u0022id\u0022\u003A\u0022693\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103059\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1314.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-gimoka-classic-48-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-gimoka-classic-48-0001.jpg" loading="lazy" width="240" height="300" alt="Gimoka Classic Packung und Pods für Senseo" title="Gimoka Classic Packung und Pods für Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1314">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1314)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(13)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/classic-48-gimoka-senseo.html" :id="`slide-desc-1314-${$id('slider-id')}`" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Classic\u0020\u002D\u0020Gimoka\u0022,\u0022price\u0022\u003A4.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Gimoka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Pads\u0020f\u005Cu00fcr\u0020Senseo\u0022,\u0022id\u0022\u003A\u0022693\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103059\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1314-slider-id-33"><span id="product-item-name-1314" class="product-item-name">Classic - Gimoka</span> <span class="product-item-subtitle">48 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1314), 'qty-added': hiddenProductIds.includes(1314) }">
<script>
function initPriceBox__67677610c4e52() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__67677610c4e52()" @update-prices-1314.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1314" data-price-box="product-id-1314"> <span x-data="" x-id="['product\u002Dprice\u002D1314']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1314')" data-price-amount="4.09" data-price-type="finalPrice" class="price-wrapper " id="product-price-1314-1"><span class="price">CHF 4.09</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.09</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1314() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1314,
"sku": "103059",
"bundleOptions": [],
"name": "Classic - Gimoka",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1314().parse())"
data-item="{"productId":1314,"sku":"103059","bundleOptions":[],"name":"Classic - Gimoka","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1314-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1314"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1314-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1314"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1314"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1314">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2490/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2490/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2490, 3, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Mild\u0022,\u0022price\u0022\u003A6.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103142\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-2490" class="product-card product_addtocart_form product-shadow product-item-2490 glider-slide right-2" data-position="3" data-gslide="3" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2490"> <a href="https://www.kaffekapslen.ch/mild-xl-senseo-senseo.html" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Mild\u0022,\u0022price\u0022\u003A6.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103142\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2490.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-48-mild-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-48-mild-0001.jpg" loading="lazy" width="240" height="300" alt="Senseo Mild 48 Packung und Pods für Senseo
" title="Senseo Mild 48 Packung und Pods für Senseo
"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <span class="text-xs text-text-secondary leading-4">(11)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/mild-xl-senseo-senseo.html" :id="`slide-desc-2490-${$id('slider-id')}`" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Mild\u0022,\u0022price\u0022\u003A6.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103142\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A48,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2490-slider-id-34"><span id="product-item-name-2490" class="product-item-name">Senseo Mild</span> <span class="product-item-subtitle">48 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2490), 'qty-added': hiddenProductIds.includes(2490) }">
<script>
function initPriceBox__67677610c8640() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__67677610c8640()" @update-prices-2490.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2490" data-price-box="product-id-2490"> <span x-data="" x-id="['product\u002Dprice\u002D2490']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2490')" data-price-amount="6.49" data-price-type="finalPrice" class="price-wrapper " id="product-price-2490-1"><span class="price">CHF 6.49</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.14</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2490() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2490,
"sku": "103142",
"bundleOptions": [],
"name": "Senseo Mild",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2490().parse())"
data-item="{"productId":2490,"sku":"103142","bundleOptions":[],"name":"Senseo Mild","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2490-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2490"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2490-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2490"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2490"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2490">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1394/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1394/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1394, 4, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020XL\u0020Strong\u0020\u002D\u0020Guten\u0020Morgen\u0020\u0028Gro\u005Cu00dfe\u0020Tasse\u0029\u0022,\u0022price\u0022\u003A2.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103116\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-1394" class="product-card product_addtocart_form product-shadow product-item-1394 glider-slide right-3" data-position="4" data-gslide="4" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1394">
<a href="https://www.kaffekapslen.ch/xl-strong-morning-cafe-guten-morgen-senseo-senseo.html" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020XL\u0020Strong\u0020\u002D\u0020Guten\u0020Morgen\u0020\u0028Gro\u005Cu00dfe\u0020Tasse\u0029\u0022,\u0022price\u0022\u003A2.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103116\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1394.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-guten-morgen-strong-utz-10-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-guten-morgen-strong-utz-10-0001.jpg" loading="lazy" width="240" height="300" alt="Senseo Guten Morgen Strong Packung und Pods für Senseo" title="Senseo Guten Morgen Strong Packung und Pods für Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <span class="text-xs text-text-secondary leading-4">(1)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/xl-strong-morning-cafe-guten-morgen-senseo-senseo.html" :id="`slide-desc-1394-${$id('slider-id')}`" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020XL\u0020Strong\u0020\u002D\u0020Guten\u0020Morgen\u0020\u0028Gro\u005Cu00dfe\u0020Tasse\u0029\u0022,\u0022price\u0022\u003A2.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103116\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A10,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1394-slider-id-35"><span id="product-item-name-1394" class="product-item-name">Senseo XL Strong - Guten Morgen (Große Tasse)</span> <span class="product-item-subtitle">10 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1394), 'qty-added': hiddenProductIds.includes(1394) }">
<script>
function initPriceBox__676778822c573() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676778822c573()" @update-prices-1394.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1394" data-price-box="product-id-1394"> <span x-data="" x-id="['product\u002Dprice\u002D1394']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1394')" data-price-amount="2.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-1394-1"><span class="price">CHF 2.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.27</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1394() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1394,
"sku": "103116",
"bundleOptions": [],
"name": "Senseo XL Strong - Guten Morgen (Gro\u00dfe Tasse)",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1394().parse())"
data-item="{"productId":1394,"sku":"103116","bundleOptions":[],"name":"Senseo XL Strong - Guten Morgen (Große Tasse)","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1394-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1394"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1394-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1394"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1394"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1394">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/88/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/88/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 88, 5, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Caf\u005Cu00e9\u0020Latte\u0022,\u0022price\u0022\u003A3.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Spezialit\u005Cu00e4ten\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022598\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103006\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.3,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-88" class="product-card product_addtocart_form product-shadow product-item-88 glider-slide right-4" data-position="5" data-gslide="5" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="88">
<a href="https://www.kaffekapslen.ch/cafe-latte-senseo.html" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Caf\u005Cu00e9\u0020Latte\u0022,\u0022price\u0022\u003A3.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Spezialit\u005Cu00e4ten\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022598\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103006\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.3,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-88.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-8-cafe-latte-0051.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-8-cafe-latte-0051.jpg" loading="lazy" width="240" height="300" alt="Senseo Cafe Latte package and pods for Senseo" title="Senseo Cafe Latte package and pods for Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill88">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="30%" stop-color="#FAB10B"></stop>
<stop offset="30%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill88)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(10)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/cafe-latte-senseo.html" :id="`slide-desc-88-${$id('slider-id')}`" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Caf\u005Cu00e9\u0020Latte\u0022,\u0022price\u0022\u003A3.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Spezialit\u005Cu00e4ten\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022598\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103006\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.3,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-88-slider-id-36"><span id="product-item-name-88" class="product-item-name">Senseo Café Latte</span> <span class="product-item-subtitle">8 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(88), 'qty-added': hiddenProductIds.includes(88) }">
<script>
function initPriceBox__6767774b0d9d6() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767774b0d9d6()" @update-prices-88.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="88" data-price-box="product-id-88"> <span x-data="" x-id="['product\u002Dprice\u002D88']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D88')" data-price-amount="3.09" data-price-type="finalPrice" class="price-wrapper " id="product-price-88-1"><span class="price">CHF 3.09</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.39</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_88() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 88,
"sku": "103006",
"bundleOptions": [],
"name": "Senseo Caf\u00e9 Latte",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_88().parse())"
data-item="{"productId":88,"sku":"103006","bundleOptions":[],"name":"Senseo Café Latte","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-88-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-88"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-88-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-88"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-88"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-88">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/36/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/36/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 36, 6, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Gold\u0022,\u0022price\u0022\u003A5.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103010\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A36,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-36" class="product-card product_addtocart_form product-shadow product-item-36 glider-slide right-5" data-position="6" data-gslide="6" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="36">
<a href="https://www.kaffekapslen.ch/gold-36-senseo-senseo.html" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Gold\u0022,\u0022price\u0022\u003A5.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103010\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A36,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-36.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-36-gold-0001_1.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-36-gold-0001_1.jpg" loading="lazy" width="240" height="300" alt="Senseo Gold Packung und Pods für Senseo" title="Senseo Gold Packung und Pods für Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <span class="text-xs text-text-secondary leading-4">(10)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/gold-36-senseo-senseo.html" :id="`slide-desc-36-${$id('slider-id')}`" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Gold\u0022,\u0022price\u0022\u003A5.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103010\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A36,\u0022average_rating\u0022\u003A5,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-36-slider-id-37"><span id="product-item-name-36" class="product-item-name">Senseo Gold</span> <span class="product-item-subtitle">36 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(36), 'qty-added': hiddenProductIds.includes(36) }">
<script>
function initPriceBox__6767774b102f5() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767774b102f5()" @update-prices-36.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="36" data-price-box="product-id-36"> <span x-data="" x-id="['product\u002Dprice\u002D36']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D36')" data-price-amount="5.29" data-price-type="finalPrice" class="price-wrapper " id="product-price-36-1"><span class="price">CHF 5.29</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.15</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_36() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 36,
"sku": "103010",
"bundleOptions": [],
"name": "Senseo Gold",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_36().parse())"
data-item="{"productId":36,"sku":"103010","bundleOptions":[],"name":"Senseo Gold","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-36-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-36"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-36-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-36"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-36"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-36">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/34/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/34/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 34, 7, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Koffeinfrei\u0020\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Pods\u0022,\u0022id\u0022\u003A\u0022915\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022930\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103014\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A36,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-34" class="product-card product_addtocart_form product-shadow product-item-34 glider-slide right-6" data-position="7" data-gslide="7" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="34">
<a href="https://www.kaffekapslen.ch/koffeinfrei-senseo.html" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Koffeinfrei\u0020\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Pods\u0022,\u0022id\u0022\u003A\u0022915\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022930\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103014\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A36,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-34.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-36-decaf-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-36-decaf-0001.jpg" loading="lazy" width="240" height="300" alt="Senseo Decaf Packung und Pads für Senseo" title="Senseo Decaf Packung und Pads für Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill34">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill34)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(14)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/koffeinfrei-senseo.html" :id="`slide-desc-34-${$id('slider-id')}`" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Senseo\u0020Koffeinfrei\u0020\u0022,\u0022price\u0022\u003A5.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Senseo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Schwarzer\u0020Kaffee\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022597\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Pods\u0022,\u0022id\u0022\u003A\u0022915\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022For\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022930\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103014\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A36,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-34-slider-id-38"><span id="product-item-name-34" class="product-item-name">Senseo Koffeinfrei </span> <span class="product-item-subtitle">36 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(34), 'qty-added': hiddenProductIds.includes(34) }">
<script>
function initPriceBox__6767774b12997() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767774b12997()" @update-prices-34.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="34" data-price-box="product-id-34"> <span x-data="" x-id="['product\u002Dprice\u002D34']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D34')" data-price-amount="5.39" data-price-type="finalPrice" class="price-wrapper " id="product-price-34-1"><span class="price">CHF 5.39</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.15</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_34() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 34,
"sku": "103014",
"bundleOptions": [],
"name": "Senseo Koffeinfrei ",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_34().parse())"
data-item="{"productId":34,"sku":"103014","bundleOptions":[],"name":"Senseo Koffeinfrei ","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-34-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-34"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-34-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-34"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-34"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-34">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3116/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3116/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3116, 8, '\u007B\u0022title\u0022\u003A\u0022Alltagskaffee\u0020Intro\u0020Mix\u0022,\u0022price\u0022\u003A9,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022623\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Black\u0020November\u0020\u0022,\u0022id\u0022\u003A\u0022778\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022883\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221054\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103192\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A108,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-3116" class="product-card product_addtocart_form product-shadow product-item-3116 glider-slide right-7" data-position="8" data-gslide="8" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3116">
<a href="https://www.kaffekapslen.ch/alltagskaffee-intro-mix-senseo.html" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Alltagskaffee\u0020Intro\u0020Mix\u0022,\u0022price\u0022\u003A9,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022623\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Black\u0020November\u0020\u0022,\u0022id\u0022\u003A\u0022778\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022883\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221054\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103192\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A108,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3116.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/i/n/intro_mix_senseo.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/i/n/intro_mix_senseo.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen intro mix for Senseo " title="Kaffekapslen intro mix for Senseo "></a>
<div class="product-info">
<div class="rating-short "></div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/alltagskaffee-intro-mix-senseo.html" :id="`slide-desc-3116-${$id('slider-id')}`" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Alltagskaffee\u0020Intro\u0020Mix\u0022,\u0022price\u0022\u003A9,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022623\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Black\u0020November\u0020\u0022,\u0022id\u0022\u003A\u0022778\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022883\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u00221054\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020bundle\u0020deals\u0022,\u0022id\u0022\u003A\u00221070\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103192\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A108,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3116-slider-id-39"><span id="product-item-name-3116" class="product-item-name">Alltagskaffee Intro Mix</span> <span class="product-item-subtitle">108 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3116), 'qty-added': hiddenProductIds.includes(3116) }">
<script>
function initPriceBox__67677610d5eaf() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__67677610d5eaf()" @update-prices-3116.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3116" data-price-box="product-id-3116">
<p class="minimal-price text-price flex flex-col-reverse "> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D3116']" class="price-container price-final_price tax weee"> <span class="price-label">Regulärer Preis</span>
<span :id="$id('old\u002Dprice\u002D3116')" data-price-amount="10.5" data-price-type="" class="price-wrapper " id="old-price-3116-1"><span class="price">CHF 10.50</span></span> </span></span> <span x-data=""
x-id="['from\u002D3116']" class="price-container price-final_price tax weee"> <span class="price-label">Ab</span> <span :id="$id('from\u002D3116')" data-price-amount="9" data-price-type="" class="price-wrapper " id="from-3116-1"><span
class="price">CHF 9.00</span></span> </span> <span class="product-price-per"><span class="price">CHF 0.08</span> / Tasse</span></p>
</div>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3116() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3116,
"sku": "103192",
"bundleOptions": [{
"id": 2477,
"quantity": 1,
"value": ["3944"]
}, {
"id": 2480,
"quantity": 1,
"value": ["3947"]
}, {
"id": 2483,
"quantity": 1,
"value": ["3950"]
}],
"name": "Alltagskaffee Intro Mix",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3116().parse())"
data-item="{"productId":3116,"sku":"103192","bundleOptions":[{"id":2477,"quantity":1,"value":["3944"]},{"id":2480,"quantity":1,"value":["3947"]},{"id":2483,"quantity":1,"value":["3950"]}],"name":"Alltagskaffee Intro Mix","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3116-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3116"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3116-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3116"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3116"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3116">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1317/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1317/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1317, 9, '\u007B\u0022title\u0022\u003A\u0022Milka\u0020Kakaogetr\u005Cu00e4nk\u0022,\u0022price\u0022\u003A3.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Milka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Spezialit\u005Cu00e4ten\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022598\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103016\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.65,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )"
id="product-form-1317" class="product-card product_addtocart_form product-shadow product-item-1317 glider-slide right-8" data-position="9" data-gslide="9" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1317">
<a href="https://www.kaffekapslen.ch/milka-senseo.html" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Milka\u0020Kakaogetr\u005Cu00e4nk\u0022,\u0022price\u0022\u003A3.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Milka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Spezialit\u005Cu00e4ten\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022598\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103016\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.65,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1317.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/s/e/senseo-milka-8-0011.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/s/e/senseo-milka-8-0011.jpg" loading="lazy" width="240" height="300" alt="Milka package and pods for Senseo" title="Milka package and pods for Senseo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1317">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="65%" stop-color="#FAB10B"></stop>
<stop offset="65%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1317)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(8)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/milka-senseo.html" :id="`slide-desc-1317-${$id('slider-id')}`" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Milka\u0020Kakaogetr\u005Cu00e4nk\u0022,\u0022price\u0022\u003A3.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Milka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Senseo\u005Cu00ae\u0020Pads\u0020\u0022,\u0022id\u0022\u003A\u0022595\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Spezialit\u005Cu00e4ten\u0020f\u005Cu00fcr\u0020Senseo\u005Cu00ae\u0022,\u0022id\u0022\u003A\u0022598\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022103016\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Pods\u0022,\u0022number_of_units\u0022\u003A8,\u0022average_rating\u0022\u003A4.65,\u0022type\u0022\u003A\u0022cocoa\u0022,\u0022compatibility\u0022\u003A\u0022Senseo\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1317-slider-id-40"><span id="product-item-name-1317" class="product-item-name">Milka Kakaogetränk</span> <span class="product-item-subtitle">8 Pads für Senseo</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1317), 'qty-added': hiddenProductIds.includes(1317) }">
<script>
function initPriceBox__676779b4b8814() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676779b4b8814()" @update-prices-1317.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1317" data-price-box="product-id-1317"> <span x-data="" x-id="['product\u002Dprice\u002D1317']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1317')" data-price-amount="3.59" data-price-type="finalPrice" class="price-wrapper " id="product-price-1317-1"><span class="price">CHF 3.59</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.45</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1317() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1317,
"sku": "103016",
"bundleOptions": [],
"name": "Milka Kakaogetr\u00e4nk",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1317().parse())"
data-item="{"productId":1317,"sku":"103016","bundleOptions":[],"name":"Milka Kakaogetränk","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1317-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1317"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1317-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1317"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1317"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1317">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2332/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2332/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2332, 0, '\u007B\u0022title\u0022\u003A\u0022Segafredo\u0020Intermezzo\u0022,\u0022price\u0022\u003A10.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Segafredo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Segafredo\u0022,\u0022id\u0022\u003A\u00221105\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u00221111\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022509000\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.65,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-2332" class="product-card product_addtocart_form product-shadow product-item-2332 glider-slide active left-1 visible" data-position="0" data-gslide="0" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2332">
<a href="https://www.kaffekapslen.ch/intermezzo-segafredo-kaffeebohnen.html" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Segafredo\u0020Intermezzo\u0022,\u0022price\u0022\u003A10.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Segafredo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Segafredo\u0022,\u0022id\u0022\u003A\u00221105\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u00221111\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022509000\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.65,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2332.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-segafredo-1000g-intermezzo-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-segafredo-1000g-intermezzo-0001.jpg" loading="lazy" width="240" height="300" alt="Segafredo Intermezzo Coffee Beans" title="Segafredo Intermezzo Coffee Beans"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2332">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="65%" stop-color="#FAB10B"></stop>
<stop offset="65%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2332)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(35)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/intermezzo-segafredo-kaffeebohnen.html" :id="`slide-desc-2332-${$id('slider-id')}`" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Segafredo\u0020Intermezzo\u0022,\u0022price\u0022\u003A10.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Segafredo\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Segafredo\u0022,\u0022id\u0022\u003A\u00221105\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u00221111\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022509000\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.65,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2332-slider-id-41"><span id="product-item-name-2332" class="product-item-name">Segafredo Intermezzo</span> <span class="product-item-subtitle">1000 g. Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2332), 'qty-added': hiddenProductIds.includes(2332) }">
<script>
function initPriceBox__676774d8aa656() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8aa656()" @update-prices-2332.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2332" data-price-box="product-id-2332"> <span x-data="" x-id="['product\u002Dprice\u002D2332']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2332')" data-price-amount="10.99" data-price-type="finalPrice" class="price-wrapper " id="product-price-2332-1"><span class="price">CHF 10.99</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 10.99</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2332() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2332,
"sku": "509000",
"bundleOptions": [],
"name": "Segafredo Intermezzo",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2332().parse())"
data-item="{"productId":2332,"sku":"509000","bundleOptions":[],"name":"Segafredo Intermezzo","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2332-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2332"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2332-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2332"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2332"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2332">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3114/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3114/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3114, 1, '\u007B\u0022title\u0022\u003A\u0022Koffeinfrei\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A6.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022676\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022886\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u0022918\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u00221057\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022507006\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A500,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-3114" class="product-card product_addtocart_form product-shadow product-item-3114 glider-slide center visible" data-position="1" data-gslide="1" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3114">
<a href="https://www.kaffekapslen.ch/koffeinfrei-alltagskaffee-kaffekapslen-kaffeebohnen.html" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Koffeinfrei\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A6.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022676\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022886\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u0022918\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u00221057\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022507006\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A500,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3114.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-kaffekapslen-500g-decaf-01.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-kaffekapslen-500g-decaf-01.jpg" loading="lazy" width="240" height="300" alt="Kaffekapslen Decaf whole beans " title="Kaffekapslen Decaf whole beans "></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill3114">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill3114)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(4)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/koffeinfrei-alltagskaffee-kaffekapslen-kaffeebohnen.html" :id="`slide-desc-3114-${$id('slider-id')}`" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Koffeinfrei\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A6.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022676\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022886\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u0022918\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u00221057\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022507006\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A500,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3114-slider-id-42"><span id="product-item-name-3114" class="product-item-name">Koffeinfrei - Alltagskaffee</span> <span class="product-item-subtitle">500 g. Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3114), 'qty-added': hiddenProductIds.includes(3114) }">
<script>
function initPriceBox__6767774b22d55() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767774b22d55()" @update-prices-3114.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3114" data-price-box="product-id-3114"> <span x-data="" x-id="['product\u002Dprice\u002D3114']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D3114')" data-price-amount="6.39" data-price-type="finalPrice" class="price-wrapper " id="product-price-3114-1"><span class="price">CHF 6.39</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 12.78</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3114() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3114,
"sku": "507006",
"bundleOptions": [],
"name": "Koffeinfrei - Alltagskaffee",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3114().parse())"
data-item="{"productId":3114,"sku":"507006","bundleOptions":[],"name":"Koffeinfrei - Alltagskaffee","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3114-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3114"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3114-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3114"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3114"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3114">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3788/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3788/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3788, 2, '\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Starterpaket\u0022,\u0022price\u0022\u003A27,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Domus\u0020Barista\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0022,\u0022id\u0022\u003A\u0022805\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022808\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022698\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022845\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100120\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1800,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-3788" class="product-card product_addtocart_form product-shadow product-item-3788 glider-slide right-1 visible" data-position="2" data-gslide="2" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3788">
<a href="https://www.kaffekapslen.ch/domus-barista-starterpaket.html" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Starterpaket\u0022,\u0022price\u0022\u003A27,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Domus\u0020Barista\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0022,\u0022id\u0022\u003A\u0022805\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022808\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022698\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022845\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100120\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1800,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3788.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-bundle-domus-barista-4-1001_1_.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-bundle-domus-barista-4-1001_1_.jpg" loading="lazy" width="240" height="300" alt="Domus Barista Single Origin coffee beans starter pack " title="Domus Barista Single Origin coffee beans starter pack "></a>
<div class="product-info">
<div class="rating-short "></div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/domus-barista-starterpaket.html" :id="`slide-desc-3788-${$id('slider-id')}`" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Starterpaket\u0022,\u0022price\u0022\u003A27,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Domus\u0020Barista\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0022,\u0022id\u0022\u003A\u0022805\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022808\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022698\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Domus\u0020Barista\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022845\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100120\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1800,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3788-slider-id-43"><span id="product-item-name-3788" class="product-item-name">Domus Barista Starterpaket</span> <span class="product-item-subtitle">1800 g Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3788), 'qty-added': hiddenProductIds.includes(3788) }">
<script>
function initPriceBox__676778824c8ca() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676778824c8ca()" @update-prices-3788.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3788" data-price-box="product-id-3788">
<p class="minimal-price text-price flex flex-col-reverse "> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D3788']" class="price-container price-final_price tax weee"> <span class="price-label">Regulärer Preis</span>
<span :id="$id('old\u002Dprice\u002D3788')" data-price-amount="29.46" data-price-type="" class="price-wrapper " id="old-price-3788-1"><span class="price">CHF 29.46</span></span> </span></span> <span x-data=""
x-id="['from\u002D3788']" class="price-container price-final_price tax weee"> <span class="price-label">Ab</span> <span :id="$id('from\u002D3788')" data-price-amount="27" data-price-type="" class="price-wrapper " id="from-3788-1"><span
class="price">CHF 27.00</span></span> </span> <span class="product-price-per"><span class="price">CHF 15.00</span> / kg.</span></p>
</div>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3788() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3788,
"sku": "100120",
"bundleOptions": [{
"id": 2855,
"quantity": 1,
"value": ["4535"]
}, {
"id": 2858,
"quantity": 1,
"value": ["4538"]
}, {
"id": 2861,
"quantity": 1,
"value": ["4541"]
}, {
"id": 2864,
"quantity": 1,
"value": ["4544"]
}],
"name": "Domus Barista Starterpaket",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3788().parse())"
data-item="{"productId":3788,"sku":"100120","bundleOptions":[{"id":2855,"quantity":1,"value":["4535"]},{"id":2858,"quantity":1,"value":["4538"]},{"id":2861,"quantity":1,"value":["4541"]},{"id":2864,"quantity":1,"value":["4544"]}],"name":"Domus Barista Starterpaket","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3788-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3788"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3788-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3788"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3788"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3788">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3820/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3820/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3820, 3, '\u007B\u0022title\u0022\u003A\u0022Tales\u0020of\u0020Roma\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A18,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022698\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100135\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-3820" class="product-card product_addtocart_form product-shadow product-item-3820 glider-slide right-2" data-position="3" data-gslide="3" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3820">
<a href="https://www.kaffekapslen.ch/tales-of-roma-1000.html" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Tales\u0020of\u0020Roma\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A18,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022698\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100135\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3820.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-bundle-lavazza-1000g-tales-of-italy-4-roma-1001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-bundle-lavazza-1000g-tales-of-italy-4-roma-1001.jpg" loading="lazy" width="240" height="300" alt="Lavazza Tales of Roma Coffee beans" title="Lavazza Tales of Roma Coffee beans"></a>
<div class="product-info">
<div class="rating-short "></div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/tales-of-roma-1000.html" :id="`slide-desc-3820-${$id('slider-id')}`" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Tales\u0020of\u0020Roma\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A18,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Bundles\u0020f\u005Cu00fcr\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022698\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100135\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003Anull,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3820-slider-id-44"><span id="product-item-name-3820" class="product-item-name">Tales of Roma - Lavazza</span> <span class="product-item-subtitle">1000 g Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3820), 'qty-added': hiddenProductIds.includes(3820) }">
<script>
function initPriceBox__676779b4d8523() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676779b4d8523()" @update-prices-3820.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3820" data-price-box="product-id-3820">
<p class="minimal-price text-price flex flex-col-reverse "> <span class="old-price"> <span x-data="" x-id="['old\u002Dprice\u002D3820']" class="price-container price-final_price tax weee"> <span class="price-label">Regulärer Preis</span>
<span :id="$id('old\u002Dprice\u002D3820')" data-price-amount="19.8" data-price-type="" class="price-wrapper " id="old-price-3820-1"><span class="price">CHF 19.80</span></span> </span></span> <span x-data=""
x-id="['from\u002D3820']" class="price-container price-final_price tax weee"> <span class="price-label">Ab</span> <span :id="$id('from\u002D3820')" data-price-amount="18" data-price-type="" class="price-wrapper " id="from-3820-1"><span
class="price">CHF 18.00</span></span> </span> <span class="product-price-per"><span class="price">CHF 18.00</span> / kg.</span></p>
</div>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3820() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3820,
"sku": "100135",
"bundleOptions": [{
"id": 2890,
"quantity": 1,
"value": ["4573"]
}, {
"id": 2893,
"quantity": 1,
"value": ["4576"]
}, {
"id": 2896,
"quantity": 1,
"value": ["4579"]
}, {
"id": 2899,
"quantity": 1,
"value": ["4582"]
}],
"name": "Tales of Roma - Lavazza",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3820().parse())"
data-item="{"productId":3820,"sku":"100135","bundleOptions":[{"id":2890,"quantity":1,"value":["4573"]},{"id":2893,"quantity":1,"value":["4576"]},{"id":2896,"quantity":1,"value":["4579"]},{"id":2899,"quantity":1,"value":["4582"]}],"name":"Tales of Roma - Lavazza","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3820-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3820"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3820-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3820"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3820"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3820">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3689/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3689/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3689, 4, '\u007B\u0022title\u0022\u003A\u0022Tales\u0020of\u0020Milano\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A5.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100078\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A250,\u0022average_rating\u0022\u003A0,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-3689" class="product-card product_addtocart_form product-shadow product-item-3689 glider-slide right-3" data-position="4" data-gslide="4" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3689">
<a href="https://www.kaffekapslen.ch/tales-of-milano-lavazza.html" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Tales\u0020of\u0020Milano\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A5.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100078\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A250,\u0022average_rating\u0022\u003A0,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3689.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-lavazza-250g-italy-tales-milano-1001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-lavazza-250g-italy-tales-milano-1001.jpg" loading="lazy" width="240" height="300" alt="Tales of Milano - Lavazza" title="Tales of Milano - Lavazza"></a>
<div class="product-info">
<div class="rating-short "> </div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/tales-of-milano-lavazza.html" :id="`slide-desc-3689-${$id('slider-id')}`" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Tales\u0020of\u0020Milano\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A5.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022100078\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A250,\u0022average_rating\u0022\u003A0,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3689-slider-id-45"><span id="product-item-name-3689" class="product-item-name">Tales of Milano - Lavazza</span> <span class="product-item-subtitle">250 g Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3689), 'qty-added': hiddenProductIds.includes(3689) }">
<script>
function initPriceBox__67677882639c8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__67677882639c8()" @update-prices-3689.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3689" data-price-box="product-id-3689"> <span x-data="" x-id="['product\u002Dprice\u002D3689']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D3689')" data-price-amount="5.99" data-price-type="finalPrice" class="price-wrapper " id="product-price-3689-1"><span class="price">CHF 5.99</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 23.96</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3689() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3689,
"sku": "100078",
"bundleOptions": [],
"name": "Tales of Milano - Lavazza",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3689().parse())"
data-item="{"productId":3689,"sku":"100078","bundleOptions":[],"name":"Tales of Milano - Lavazza","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3689-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3689"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3689-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3689"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3689"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3689">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3034/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3034/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3034, 5, '\u007B\u0022title\u0022\u003A\u0022Caff\u005Cu00e9\u0020Koffeinfrei\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A9.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u0022918\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500058\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A500,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-3034" class="product-card product_addtocart_form product-shadow product-item-3034 glider-slide right-4" data-position="5" data-gslide="5" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3034">
<a href="https://www.kaffekapslen.ch/caffe-decaffeinato-kaffeebohnen-lavazza.html" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Caff\u005Cu00e9\u0020Koffeinfrei\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A9.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u0022918\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500058\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A500,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3034.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-lavazza-500g-caff_-decaffeinato-01.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-lavazza-500g-caff_-decaffeinato-01.jpg" loading="lazy" width="240" height="300" alt="Lavazza Caffé Decaffeinato whole beans" title="Lavazza Caffé Decaffeinato whole beans"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill3034">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="#FAB10B"></stop>
<stop offset="70%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill3034)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(7)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/caffe-decaffeinato-kaffeebohnen-lavazza.html" :id="`slide-desc-3034-${$id('slider-id')}`" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Caff\u005Cu00e9\u0020Koffeinfrei\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A9.49,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Decaffeinated\u0020coffee\u0022,\u0022id\u0022\u003A\u0022912\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Coffee\u0020beans\u0022,\u0022id\u0022\u003A\u0022918\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500058\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A500,\u0022average_rating\u0022\u003A4.7,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3034-slider-id-46"><span id="product-item-name-3034" class="product-item-name">Caffé Koffeinfrei - Lavazza</span> <span class="product-item-subtitle">500 g. Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3034), 'qty-added': hiddenProductIds.includes(3034) }">
<script>
function initPriceBox__6767774b44c85() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767774b44c85()" @update-prices-3034.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3034" data-price-box="product-id-3034"> <span x-data="" x-id="['product\u002Dprice\u002D3034']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D3034')" data-price-amount="9.49" data-price-type="finalPrice" class="price-wrapper " id="product-price-3034-1"><span class="price">CHF 9.49</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 18.98</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3034() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3034,
"sku": "500058",
"bundleOptions": [],
"name": "Caff\u00e9 Koffeinfrei - Lavazza",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3034().parse())"
data-item="{"productId":3034,"sku":"500058","bundleOptions":[],"name":"Caffé Koffeinfrei - Lavazza","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3034-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3034"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3034-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3034"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3034"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3034">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1147/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1147/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1147, 6, '\u007B\u0022title\u0022\u003A\u0022Tierra\u0020For\u0020Planet\u0020\u005Cu00d6kologisch\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A16.9,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500018\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-1147" class="product-card product_addtocart_form product-shadow product-item-1147 glider-slide right-5" data-position="6" data-gslide="6" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1147">
<a href="https://www.kaffekapslen.ch/tierra-bio-organic-planet-1000-g-kaffeebohnen-lavazza.html" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Tierra\u0020For\u0020Planet\u0020\u005Cu00d6kologisch\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A16.9,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500018\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1147.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-lavazza-1000g-tierra-planet-0001_1.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-lavazza-1000g-tierra-planet-0001_1.jpg" loading="lazy" width="240" height="300" alt="Tierra Planet Kaffeebohnen von Lavazza" title="Tierra Planet Kaffeebohnen von Lavazza"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1147">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1147)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(13)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/tierra-bio-organic-planet-1000-g-kaffeebohnen-lavazza.html" :id="`slide-desc-1147-${$id('slider-id')}`" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Tierra\u0020For\u0020Planet\u0020\u005Cu00d6kologisch\u0020\u002D\u0020Lavazza\u0022,\u0022price\u0022\u003A16.9,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500018\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1147-slider-id-47"><span id="product-item-name-1147" class="product-item-name">Tierra For Planet Ökologisch - Lavazza</span> <span class="product-item-subtitle">1000 g. Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1147), 'qty-added': hiddenProductIds.includes(1147) }">
<script>
function initPriceBox__67677610f4090() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__67677610f4090()" @update-prices-1147.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1147" data-price-box="product-id-1147"> <span x-data="" x-id="['product\u002Dprice\u002D1147']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1147')" data-price-amount="16.9" data-price-type="finalPrice" class="price-wrapper " id="product-price-1147-1"><span class="price">CHF 16.90</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 16.90</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1147() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1147,
"sku": "500018",
"bundleOptions": [],
"name": "Tierra For Planet \u00d6kologisch - Lavazza",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1147().parse())"
data-item="{"productId":1147,"sku":"500018","bundleOptions":[],"name":"Tierra For Planet Ökologisch - Lavazza","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1147-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1147"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1147-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1147"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1147"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1147">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1676/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1676/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1676, 7, '\u007B\u0022title\u0022\u003A\u0022Crema\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A9.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022676\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022886\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u00221057\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022507001\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-1676" class="product-card product_addtocart_form product-shadow product-item-1676 glider-slide right-6" data-position="7" data-gslide="7" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1676">
<a href="https://www.kaffekapslen.ch/crema-1000-g-alltagskaffee-ganze-bohnen.html" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Crema\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A9.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022676\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022886\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u00221057\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022507001\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1676.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-kaffekapslen-1000g-crema-02.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-kaffekapslen-1000g-crema-02.jpg" loading="lazy" width="240" height="300" alt="Crema Alltagskaffee von kaffekapslen" title="Crema Alltagskaffee von kaffekapslen"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" style="color: transparent" viewBox="3 0 20 20" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <span class="text-xs text-text-secondary leading-4">(19)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/crema-1000-g-alltagskaffee-ganze-bohnen.html" :id="`slide-desc-1676-${$id('slider-id')}`" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Crema\u0020\u002D\u0020Alltagskaffee\u0022,\u0022price\u0022\u003A9.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022G\u005Cu00fcnstige\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022676\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022886\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u00221057\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022507001\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1676-slider-id-48"><span id="product-item-name-1676" class="product-item-name">Crema - Alltagskaffee</span> <span class="product-item-subtitle">1000 g. Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1676), 'qty-added': hiddenProductIds.includes(1676) }">
<script>
function initPriceBox__676774d8b3634() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8b3634()" @update-prices-1676.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1676" data-price-box="product-id-1676"> <span x-data="" x-id="['product\u002Dprice\u002D1676']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1676')" data-price-amount="9.99" data-price-type="finalPrice" class="price-wrapper " id="product-price-1676-1"><span class="price">CHF 9.99</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 9.99</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1676() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1676,
"sku": "507001",
"bundleOptions": [],
"name": "Crema - Alltagskaffee",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1676().parse())"
data-item="{"productId":1676,"sku":"507001","bundleOptions":[],"name":"Crema - Alltagskaffee","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1676-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1676"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1676-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1676"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1676"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1676">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1121/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1121/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1121, 8, '\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Crema\u0020E\u0020Aroma\u0022,\u0022price\u0022\u003A16.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffeb\u005Cu00f8nner\u0020til\u0020erhverv\u0022,\u0022id\u0022\u003A\u0022695\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500013\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-1121" class="product-card product_addtocart_form product-shadow product-item-1121 glider-slide right-7" data-position="8" data-gslide="8" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1121">
<a href="https://www.kaffekapslen.ch/crema-e-aroma-1000-g-kaffeebohnen-lavazza.html" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Crema\u0020E\u0020Aroma\u0022,\u0022price\u0022\u003A16.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffeb\u005Cu00f8nner\u0020til\u0020erhverv\u0022,\u0022id\u0022\u003A\u0022695\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500013\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1121.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-lavazza-1000g-crema-e-aroma-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-lavazza-1000g-crema-e-aroma-0001.jpg" loading="lazy" width="240" height="300" alt="Crema E Aroma Kaffeebohnen von Lavazza" title="Crema E Aroma Kaffeebohnen von Lavazza"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1121">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1121)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(42)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/crema-e-aroma-1000-g-kaffeebohnen-lavazza.html" :id="`slide-desc-1121-${$id('slider-id')}`" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Crema\u0020E\u0020Aroma\u0022,\u0022price\u0022\u003A16.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffeb\u005Cu00f8nner\u0020til\u0020erhverv\u0022,\u0022id\u0022\u003A\u0022695\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500013\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1121-slider-id-49"><span id="product-item-name-1121" class="product-item-name">Lavazza Crema E Aroma</span> <span class="product-item-subtitle">1000 g. Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1121), 'qty-added': hiddenProductIds.includes(1121) }">
<script>
function initPriceBox__676774d8b7aa4() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8b7aa4()" @update-prices-1121.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1121" data-price-box="product-id-1121"> <span x-data="" x-id="['product\u002Dprice\u002D1121']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1121')" data-price-amount="16.99" data-price-type="finalPrice" class="price-wrapper " id="product-price-1121-1"><span class="price">CHF 16.99</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 16.99</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1121() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1121,
"sku": "500013",
"bundleOptions": [],
"name": "Lavazza Crema E Aroma",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1121().parse())"
data-item="{"productId":1121,"sku":"500013","bundleOptions":[],"name":"Lavazza Crema E Aroma","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1121-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1121"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1121-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1121"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1121"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1121">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3339/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/3339/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 3339, 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Crema\u0020e\u0020Gusto\u0020\u002D\u0020Lavazza\u0020\u0022,\u0022price\u0022\u003A16.5,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500059\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A0,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )"
id="product-form-3339" class="product-card product_addtocart_form product-shadow product-item-3339 glider-slide right-8" data-position="9" data-gslide="9" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="3339">
<a href="https://www.kaffekapslen.ch/espresso-creme-e-gusto-lavazza-kaffeebohnen.html" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Crema\u0020e\u0020Gusto\u0020\u002D\u0020Lavazza\u0020\u0022,\u0022price\u0022\u003A16.5,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500059\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A0,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-3339.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/c/b/cb-lavazza-1000g-crema-e-gusto-espresso-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/c/b/cb-lavazza-1000g-crema-e-gusto-espresso-0001.jpg" loading="lazy" width="240" height="300" alt="Lavazza Crema E Gusto Espresso Classico Coffee Beans" title="Lavazza Crema E Gusto Espresso Classico Coffee Beans"></a>
<div class="product-info">
<div class="rating-short "> </div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-creme-e-gusto-lavazza-kaffeebohnen.html" :id="`slide-desc-3339-${$id('slider-id')}`" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Crema\u0020e\u0020Gusto\u0020\u002D\u0020Lavazza\u0020\u0022,\u0022price\u0022\u003A16.5,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Lavazza\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022610\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Luxus\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022677\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022686\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0022,\u0022id\u0022\u003A\u0022892\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Lavazza\u0020Kaffeebohnen\u0022,\u0022id\u0022\u003A\u0022907\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022500059\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Gram\u0022,\u0022number_of_units\u0022\u003A1000,\u0022average_rating\u0022\u003A0,\u0022type\u0022\u003A\u0022coffee\u0020beans\u0022,\u0022compatibility\u0022\u003Anull\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-3339-slider-id-50"><span id="product-item-name-3339" class="product-item-name">Espresso Crema e Gusto - Lavazza </span> <span class="product-item-subtitle">1000 g. Kaffeebohnen</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(3339), 'qty-added': hiddenProductIds.includes(3339) }">
<script>
function initPriceBox__6767774b4abc8() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767774b4abc8()" @update-prices-3339.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="3339" data-price-box="product-id-3339"> <span x-data="" x-id="['product\u002Dprice\u002D3339']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D3339')" data-price-amount="16.5" data-price-type="finalPrice" class="price-wrapper " id="product-price-3339-1"><span class="price">CHF 16.50</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 16.50</span> / kg.</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_3339() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 3339,
"sku": "500059",
"bundleOptions": [],
"name": "Espresso Crema e Gusto - Lavazza ",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_3339().parse())"
data-item="{"productId":3339,"sku":"500059","bundleOptions":[],"name":"Espresso Crema e Gusto - Lavazza ","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-3339-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-3339"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-3339-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-3339"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-3339"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-3339">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2230/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2230/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2230, 0, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Forte\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A11.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109327\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-2230" class="product-card product_addtocart_form product-shadow product-item-2230 glider-slide active left-1 visible" data-position="0" data-gslide="0" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2230">
<a href="https://www.kaffekapslen.ch/lungo-forte-kaffekapslen-nespresso-pro.html" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Forte\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A11.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109327\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2230.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-kaffekapslen-50-lungo-forte-0031.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-kaffekapslen-50-lungo-forte-0031.jpg" loading="lazy" width="240" height="300" alt="Nespresso Pro Kaffekapslen Lungo Forte" title="Nespresso Pro Kaffekapslen Lungo Forte"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2230">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="#FAB10B"></stop>
<stop offset="55%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2230)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(90)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/lungo-forte-kaffekapslen-nespresso-pro.html" :id="`slide-desc-2230-${$id('slider-id')}`" @click="productData( 0, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Forte\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A11.99,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109327\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.55,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2230-slider-id-51"><span id="product-item-name-2230" class="product-item-name">Lungo Forte - Kaffekapslen</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2230), 'qty-added': hiddenProductIds.includes(2230) }">
<script>
function initPriceBox__676774d8c540a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8c540a()" @update-prices-2230.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2230" data-price-box="product-id-2230"> <span x-data="" x-id="['product\u002Dprice\u002D2230']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2230')" data-price-amount="11.99" data-price-type="finalPrice" class="price-wrapper " id="product-price-2230-1"><span class="price">CHF 11.99</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.24</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2230() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2230,
"sku": "109327",
"bundleOptions": [],
"name": "Lungo Forte - Kaffekapslen",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2230().parse())"
data-item="{"productId":2230,"sku":"109327","bundleOptions":[],"name":"Lungo Forte - Kaffekapslen","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2230-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2230"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2230-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2230"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2230"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2230">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1227/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1227/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1227, 1, '\u007B\u0022title\u0022\u003A\u0022Forte\u0022,\u0022price\u0022\u003A23.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109000\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-1227" class="product-card product_addtocart_form product-shadow product-item-1227 glider-slide center visible" data-position="1" data-gslide="1" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1227">
<a href="https://www.kaffekapslen.ch/espresso-forte-nes-pro.html" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Forte\u0022,\u0022price\u0022\u003A23.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109000\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1227.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-50-forte.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-50-forte.jpg" loading="lazy" width="240" height="300" alt="Nespresso Forte Packung und Kapsel für Nespresso Pro" title="Nespresso Forte Packung und Kapsel für Nespresso Pro"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1227">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1227)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(75)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-forte-nes-pro.html" :id="`slide-desc-1227-${$id('slider-id')}`" @click="productData( 1, '\u007B\u0022title\u0022\u003A\u0022Forte\u0022,\u0022price\u0022\u003A23.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109000\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1227-slider-id-52"><span id="product-item-name-1227" class="product-item-name">Forte</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1227), 'qty-added': hiddenProductIds.includes(1227) }">
<script>
function initPriceBox__676774d8c88ba() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8c88ba()" @update-prices-1227.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1227" data-price-box="product-id-1227"> <span x-data="" x-id="['product\u002Dprice\u002D1227']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1227')" data-price-amount="23.79" data-price-type="finalPrice" class="price-wrapper " id="product-price-1227-1"><span class="price">CHF 23.79</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.48</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1227() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1227,
"sku": "109000",
"bundleOptions": [],
"name": "Forte",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1227().parse())"
data-item="{"productId":1227,"sku":"109000","bundleOptions":[],"name":"Forte","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1227-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1227"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1227-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1227"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1227"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1227">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2227/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2227/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2227, 2, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A11.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109326\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.3,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-2227" class="product-card product_addtocart_form product-shadow product-item-2227 glider-slide right-1 visible" data-position="2" data-gslide="2" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2227">
<a href="https://www.kaffekapslen.ch/lungo-kaffekapslen-nespresso-pro.html" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A11.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109326\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.3,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2227.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-kaffekapslen-50-lungo-0031.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-kaffekapslen-50-lungo-0031.jpg" loading="lazy" width="240" height="300" alt="Nespresso Pro Kaffekapslen Lungo" title="Nespresso Pro Kaffekapslen Lungo"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2227">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="30%" stop-color="#FAB10B"></stop>
<stop offset="30%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2227)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(48)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/lungo-kaffekapslen-nespresso-pro.html" :id="`slide-desc-2227-${$id('slider-id')}`" @click="productData( 2, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A11.69,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109326\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.3,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2227-slider-id-53"><span id="product-item-name-2227" class="product-item-name">Lungo - Kaffekapslen</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2227), 'qty-added': hiddenProductIds.includes(2227) }">
<script>
function initPriceBox__676774d8cdafc() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8cdafc()" @update-prices-2227.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2227" data-price-box="product-id-2227"> <span x-data="" x-id="['product\u002Dprice\u002D2227']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2227')" data-price-amount="11.69" data-price-type="finalPrice" class="price-wrapper " id="product-price-2227-1"><span class="price">CHF 11.69</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.23</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2227() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2227,
"sku": "109326",
"bundleOptions": [],
"name": "Lungo - Kaffekapslen",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2227().parse())"
data-item="{"productId":2227,"sku":"109326","bundleOptions":[],"name":"Lungo - Kaffekapslen","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2227-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2227"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2227-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2227"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2227"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2227">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1231/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1231/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1231, 3, '\u007B\u0022title\u0022\u003A\u0022Intenso\u0022,\u0022price\u0022\u003A23.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109004\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-1231" class="product-card product_addtocart_form product-shadow product-item-1231 glider-slide right-2" data-position="3" data-gslide="3" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1231">
<a href="https://www.kaffekapslen.ch/lungo-forte-nes-pro-2160.html" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Intenso\u0022,\u0022price\u0022\u003A23.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109004\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1231.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-50-intenso.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-50-intenso.jpg" loading="lazy" width="240" height="300" alt="Nespresso Intenso Packung und Kapsel für Nespresso Pro" title="Nespresso Intenso Packung und Kapsel für Nespresso Pro"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1231">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1231)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(71)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/lungo-forte-nes-pro-2160.html" :id="`slide-desc-1231-${$id('slider-id')}`" @click="productData( 3, '\u007B\u0022title\u0022\u003A\u0022Intenso\u0022,\u0022price\u0022\u003A23.79,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109004\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1231-slider-id-54"><span id="product-item-name-1231" class="product-item-name">Intenso</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1231), 'qty-added': hiddenProductIds.includes(1231) }">
<script>
function initPriceBox__676774d8d32f7() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8d32f7()" @update-prices-1231.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1231" data-price-box="product-id-1231"> <span x-data="" x-id="['product\u002Dprice\u002D1231']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1231')" data-price-amount="23.79" data-price-type="finalPrice" class="price-wrapper " id="product-price-1231-1"><span class="price">CHF 23.79</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.48</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1231() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1231,
"sku": "109004",
"bundleOptions": [],
"name": "Intenso",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1231().parse())"
data-item="{"productId":1231,"sku":"109004","bundleOptions":[],"name":"Intenso","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1231-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1231"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1231-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1231"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1231"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1231">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2224/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2224/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2224, 4, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A12.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109325\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-2224" class="product-card product_addtocart_form product-shadow product-item-2224 glider-slide right-3" data-position="4" data-gslide="4" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2224">
<a href="https://www.kaffekapslen.ch/espresso-kaffekapslen-nespresso-pro.html" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A12.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109325\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2224.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-kaffekapslen-50-espresso-0031.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-kaffekapslen-50-espresso-0031.jpg" loading="lazy" width="240" height="300" alt="Nespresso Pro Kaffekapslen Espresso" title="Nespresso Pro Kaffekapslen Espresso"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2224">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="#FAB10B"></stop>
<stop offset="60%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2224)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(55)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-kaffekapslen-nespresso-pro.html" :id="`slide-desc-2224-${$id('slider-id')}`" @click="productData( 4, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A12.29,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109325\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.6,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2224-slider-id-55"><span id="product-item-name-2224" class="product-item-name">Espresso - Kaffekapslen</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2224), 'qty-added': hiddenProductIds.includes(2224) }">
<script>
function initPriceBox__676774d8d8618() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8d8618()" @update-prices-2224.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2224" data-price-box="product-id-2224"> <span x-data="" x-id="['product\u002Dprice\u002D2224']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2224')" data-price-amount="12.29" data-price-type="finalPrice" class="price-wrapper " id="product-price-2224-1"><span class="price">CHF 12.29</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.25</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2224() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2224,
"sku": "109325",
"bundleOptions": [],
"name": "Espresso - Kaffekapslen",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2224().parse())"
data-item="{"productId":2224,"sku":"109325","bundleOptions":[],"name":"Espresso - Kaffekapslen","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2224-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2224"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2224-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2224"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2224"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2224">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1230/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1230/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1230, 5, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Guatemala\u0020Origin\u0022,\u0022price\u0022\u003A27.89,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109003\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-1230" class="product-card product_addtocart_form product-shadow product-item-1230 glider-slide right-4" data-position="5" data-gslide="5" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1230">
<a href="https://www.kaffekapslen.ch/lungo-guatemala-origin-nes-pro-2159.html" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Guatemala\u0020Origin\u0022,\u0022price\u0022\u003A27.89,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109003\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1230.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-50-guatemala.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-50-guatemala.jpg" loading="lazy" width="240" height="300" alt="Nespresso Guatemala Packung und Kapsel für Nespresso Pro" title="Nespresso Guatemala Packung und Kapsel für Nespresso Pro"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1230">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="#FAB10B"></stop>
<stop offset="90%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1230)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(42)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/lungo-guatemala-origin-nes-pro-2159.html" :id="`slide-desc-1230-${$id('slider-id')}`" @click="productData( 5, '\u007B\u0022title\u0022\u003A\u0022Lungo\u0020Guatemala\u0020Origin\u0022,\u0022price\u0022\u003A27.89,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109003\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.9,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1230-slider-id-56"><span id="product-item-name-1230" class="product-item-name">Lungo Guatemala Origin</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1230), 'qty-added': hiddenProductIds.includes(1230) }">
<script>
function initPriceBox__676774d8dd078() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8dd078()" @update-prices-1230.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1230" data-price-box="product-id-1230"> <span x-data="" x-id="['product\u002Dprice\u002D1230']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1230')" data-price-amount="27.89" data-price-type="finalPrice" class="price-wrapper " id="product-price-1230-1"><span class="price">CHF 27.89</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.56</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1230() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1230,
"sku": "109003",
"bundleOptions": [],
"name": "Lungo Guatemala Origin",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1230().parse())"
data-item="{"productId":1230,"sku":"109003","bundleOptions":[],"name":"Lungo Guatemala Origin","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1230-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1230"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1230-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1230"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1230"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1230">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1228/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1228/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1228, 6, '\u007B\u0022title\u0022\u003A\u0022Leggero\u0022,\u0022price\u0022\u003A24.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109001\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-1228" class="product-card product_addtocart_form product-shadow product-item-1228 glider-slide right-5" data-position="6" data-gslide="6" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1228">
<a href="https://www.kaffekapslen.ch/espresso-leggero-nes-pro.html" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Leggero\u0022,\u0022price\u0022\u003A24.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109001\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1228.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-50-leggero.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-50-leggero.jpg" loading="lazy" width="240" height="300" alt="Nespresso Leggero Packung und Kapsel für Nespresso Pro" title="Nespresso Leggero Packung und Kapsel für Nespresso Pro"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1228">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="#FAB10B"></stop>
<stop offset="85%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1228)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(29)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-leggero-nes-pro.html" :id="`slide-desc-1228-${$id('slider-id')}`" @click="productData( 6, '\u007B\u0022title\u0022\u003A\u0022Leggero\u0022,\u0022price\u0022\u003A24.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109001\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.85,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1228-slider-id-57"><span id="product-item-name-1228" class="product-item-name">Leggero</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1228), 'qty-added': hiddenProductIds.includes(1228) }">
<script>
function initPriceBox__676776110f9f9() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676776110f9f9()" @update-prices-1228.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1228" data-price-box="product-id-1228"> <span x-data="" x-id="['product\u002Dprice\u002D1228']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1228')" data-price-amount="24.39" data-price-type="finalPrice" class="price-wrapper " id="product-price-1228-1"><span class="price">CHF 24.39</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.49</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1228() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1228,
"sku": "109001",
"bundleOptions": [],
"name": "Leggero",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1228().parse())"
data-item="{"productId":1228,"sku":"109001","bundleOptions":[],"name":"Leggero","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1228-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1228"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1228-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1228"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1228"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1228">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1232/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1232/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1232, 7, '\u007B\u0022title\u0022\u003A\u0022Finezzo\u0022,\u0022price\u0022\u003A24.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109005\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-1232" class="product-card product_addtocart_form product-shadow product-item-1232 glider-slide right-6" data-position="7" data-gslide="7" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1232">
<a href="https://www.kaffekapslen.ch/finezzo-nes-pro-2161.html" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Finezzo\u0022,\u0022price\u0022\u003A24.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109005\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1232.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-50-finezzo.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-50-finezzo.jpg" loading="lazy" width="240" height="300" alt="Nespresso Finezzo Packung und Kapsel für Nespresso Pro" title="Nespresso Finezzo Packung und Kapsel für Nespresso Pro"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1232">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1232)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(55)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/finezzo-nes-pro-2161.html" :id="`slide-desc-1232-${$id('slider-id')}`" @click="productData( 7, '\u007B\u0022title\u0022\u003A\u0022Finezzo\u0022,\u0022price\u0022\u003A24.59,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Nespresso\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109005\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1232-slider-id-58"><span id="product-item-name-1232" class="product-item-name">Finezzo</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1232), 'qty-added': hiddenProductIds.includes(1232) }">
<script>
function initPriceBox__676774d8e616a() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__676774d8e616a()" @update-prices-1232.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1232" data-price-box="product-id-1232"> <span x-data="" x-id="['product\u002Dprice\u002D1232']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1232')" data-price-amount="24.59" data-price-type="finalPrice" class="price-wrapper " id="product-price-1232-1"><span class="price">CHF 24.59</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.49</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1232() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1232,
"sku": "109005",
"bundleOptions": [],
"name": "Finezzo",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1232().parse())"
data-item="{"productId":1232,"sku":"109005","bundleOptions":[],"name":"Finezzo","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1232-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1232"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1232-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1232"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1232"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1232">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2233/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/2233/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 2233, 8, '\u007B\u0022title\u0022\u003A\u0022Ristretto\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A12.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109328\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-2233" class="product-card product_addtocart_form product-shadow product-item-2233 glider-slide right-7" data-position="8" data-gslide="8" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="2233">
<a href="https://www.kaffekapslen.ch/ristretto-kaffekapslen-nespresso-pro.html" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Ristretto\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A12.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109328\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-2233.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-kaffekapslen-50-ristretto-0031.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-kaffekapslen-50-ristretto-0031.jpg" loading="lazy" width="240" height="300" alt="Nespresso Pro Kaffekapslen Ristretto" title="Nespresso Pro Kaffekapslen Ristretto"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill2233">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="#FAB10B"></stop>
<stop offset="75%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill2233)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(44)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/ristretto-kaffekapslen-nespresso-pro.html" :id="`slide-desc-2233-${$id('slider-id')}`" @click="productData( 8, '\u007B\u0022title\u0022\u003A\u0022Ristretto\u0020\u002D\u0020Kaffekapslen\u0022,\u0022price\u0022\u003A12.39,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Kaffekapslen\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0020f\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022889\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022Kaffekapslen\u0022,\u0022id\u0022\u003A\u00221045\u0022\u007D,\u007B\u0022title\u0022\u003A\u0022F\u005Cu00fcr\u0020Nespresso\u005Cu00ae\u0020Pro\u0022,\u0022id\u0022\u003A\u00221060\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109328\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.75,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-2233-slider-id-59"><span id="product-item-name-2233" class="product-item-name">Ristretto - Kaffekapslen</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(2233), 'qty-added': hiddenProductIds.includes(2233) }">
<script>
function initPriceBox__6767761112afd() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767761112afd()" @update-prices-2233.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="2233" data-price-box="product-id-2233"> <span x-data="" x-id="['product\u002Dprice\u002D2233']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D2233')" data-price-amount="12.39" data-price-type="finalPrice" class="price-wrapper " id="product-price-2233-1"><span class="price">CHF 12.39</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.25</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_2233() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 2233,
"sku": "109328",
"bundleOptions": [],
"name": "Ristretto - Kaffekapslen",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_2233().parse())"
data-item="{"productId":2233,"sku":"109328","bundleOptions":[],"name":"Ristretto - Kaffekapslen","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-2233-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-2233"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-2233-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-2233"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-2233"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-2233">0</button>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1361/
<form method="post" action="https://www.kaffekapslen.ch/checkout/cart/add/uenc/aHR0cHM6Ly93d3cua2FmZmVrYXBzbGVuLmNoLw~~/product/1361/" x-data="" @submit.prevent=""
@auth-id-defined.window="productDisplayed( 1361, 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Vellutato\u0020\u002D\u0020Gimoka\u0022,\u0022price\u0022\u003A11.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Gimoka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109201\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )"
id="product-form-1361" class="product-card product_addtocart_form product-shadow product-item-1361 glider-slide right-8" data-position="9" data-gslide="9" style="height: auto; width: 163.429px;"><input name="form_key" type="hidden"
value="bXwBzOnI2KrfNIiU"> <input type="hidden" name="product" value="1361">
<a href="https://www.kaffekapslen.ch/espresso-vellutato-gimoka-nes-pro.html" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Vellutato\u0020\u002D\u0020Gimoka\u0022,\u0022price\u0022\u003A11.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Gimoka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109201\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-photo " tabindex="-1"> <img class="object-contain max-h-full product-image-photo" x-data="" @update-gallery-1361.window="$root.src = $event.detail" srcset="https://kaffekapslen.media/media/catalog/product/cache/c7be6d6a6836256dc2ebaad49461687a/n/e/nespresso-pro-gimoka-50-espresso-vellutato-0001.jpg 2x" src="https://kaffekapslen.media/media/catalog/product/cache/e67167585d357d0bf7a435f2c19f4bb1/n/e/nespresso-pro-gimoka-50-espresso-vellutato-0001.jpg" loading="lazy" width="240" height="300" alt="Nespresso Pro Gimoka Espresso Vellutato" title="Nespresso Pro Gimoka Espresso Vellutato"></a>
<div class="product-info">
<div class="rating-short ">
<div class="rating-summary flex"> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-4 h-4" viewBox="3 0 20 20" style="color: #FAB10B" fill="currentColor">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="3 0 20 20" fill="currentColor" class="w-4 h-4">
<defs>
<linearGradient id="partialFill1361">
<stop offset="0%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="#FAB10B"></stop>
<stop offset="80%" stop-color="transparent"></stop>
<stop offset="100%" stop-color="transparent"></stop>
</linearGradient>
</defs>
<g fill="url(#partialFill1361)">
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z">
</path>
</g>
</svg> <span class="text-xs text-text-secondary leading-4">(28)</span> </div>
</div>
<div class="product-link">
<a href="https://www.kaffekapslen.ch/espresso-vellutato-gimoka-nes-pro.html" :id="`slide-desc-1361-${$id('slider-id')}`" @click="productData( 9, '\u007B\u0022title\u0022\u003A\u0022Espresso\u0020Vellutato\u0020\u002D\u0020Gimoka\u0022,\u0022price\u0022\u003A11.09,\u0022currency\u0022\u003A\u0022CHF\u0022,\u0022brand\u0022\u003A\u0022Gimoka\u0022,\u0022categories\u0022\u003A\u005B\u007B\u0022title\u0022\u003A\u0022Nespresso\u005Cu00ae\u0020Professional\u0022,\u0022id\u0022\u003A\u0022688\u0022\u007D\u005D,\u0022sku\u0022\u003A\u0022109201\u0022,\u0022in_stock\u0022\u003Atrue,\u0022unit\u0022\u003A\u0022Capsules\u0022,\u0022number_of_units\u0022\u003A50,\u0022average_rating\u0022\u003A4.8,\u0022type\u0022\u003A\u0022coffee\u0022,\u0022compatibility\u0022\u003A\u0022Nespresso\u0020Pro\u0022\u007D' )" class="product-item-link cursor-pointer" id="slide-desc-1361-slider-id-60"><span id="product-item-name-1361" class="product-item-name">Espresso Vellutato - Gimoka</span> <span class="product-item-subtitle">50 Kapseln für Nespresso® Pro</span></a>
</div>
<div class="product-card-bottom flex justify-between relative" :class="{ 'qty-active qty-adding': addedProductIds.includes(1361), 'qty-added': hiddenProductIds.includes(1361) }">
<script>
function initPriceBox__6767761116845() {
return {
updatePrice(priceData) {
const regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
const regularPriceElement = this.$root.querySelector('.normal-price .price-wrapper .price');
if (priceData.finalPrice.amount < priceData.oldPrice.amount) {
regularPriceLabel.classList.add('hidden');
} else {
regularPriceLabel.classList.remove('hidden');
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
}
}
}
</script>
<div class="product-price" x-data="initPriceBox__6767761116845()" @update-prices-1361.window="updatePrice($event.detail);">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="1361" data-price-box="product-id-1361"> <span x-data="" x-id="['product\u002Dprice\u002D1361']" class="price-container price-final_price tax weee"> <span
:id="$id('product\u002Dprice\u002D1361')" data-price-amount="11.09" data-price-type="finalPrice" class="price-wrapper " id="product-price-1361-1"><span class="price">CHF 11.09</span></span> </span> </div> <span
class="product-price-per"><span class="price">CHF 0.22</span> / Tasse</span>
</div>
<div class="addtocart-box mt-0 flex flex-wrap items-end z-10">
<script>
function parseProduct_1361() {
return {
parse: () => JSON.parse(JSON.stringify({
"productId": 1361,
"sku": "109201",
"bundleOptions": [],
"name": "Espresso Vellutato - Gimoka",
"componentLoadsAfter": false,
"viewIsGrid": true
}))
}
}
</script>
<div x-data="" :data-item="JSON.stringify(parseProduct_1361().parse())"
data-item="{"productId":1361,"sku":"109201","bundleOptions":[],"name":"Espresso Vellutato - Gimoka","componentLoadsAfter":false,"viewIsGrid":true}">
<div x-data="initProductCart()" x-init="initialize(JSON.parse($root.parentElement.dataset.item), $dispatch, findContainer($el), findPosition($el))" x-bind="eventListeners" class="w-full">
<div :id="`qty-${productId}-box`" class="qty-box flex" @touchend="scheduleHide(true)" id="qty-1361-box"><button @mouseup.prevent="decrement()" @touchend="scheduleHide(true)" x-bind:disabled="!qty" :id="`dcm-btn-${productId}`"
class="btn btn-icon btn-qty btn-qty-left btn-destroy" :class="qty > 1 ? 'btn-primary' : 'btn-destroy'" disabled="disabled" id="dcm-btn-1361"><svg x-show="qty > 1" xmlns="http://www.w3.org/2000/svg" width="10" height="2"
viewBox="0 0 10 2" fill="none" style="display: none;">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.74846e-07 0L10 8.74228e-07V2L0 2L1.74846e-07 0Z" fill="white"></path>
</svg><svg x-show="qty < 2" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
<g clip-path="url(#clip0_6351_1468)">
<path
d="M12.375 4.55556L11.8329 12.3133C11.7862 12.9819 11.2419 13.5 10.5861 13.5H5.4139C4.7581 13.5 4.2138 12.9819 4.16708 12.3133L3.625 4.55556M6.75 7.11111V10.9444M9.25 7.11111V10.9444M9.875 4.55556V2.63889C9.875 2.28604 9.59518 2 9.25 2H6.75C6.40482 2 6.125 2.28604 6.125 2.63889V4.55556M3 4.55556H13"
stroke="#EF4444" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
</g>
<defs>
<clipPath id="clip0_6351_1468">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg></button> <input :id="`cart-${productId}-qty`" x-on:change="submitAction()" :value="qty" x-model.number="qty" type="number" pattern="\d*" size="4" title="Menge" class="qty-picker form-input input-sm appearance-none"
required="required" id="cart-1361-qty"><button @mouseup.prevent="increment()" @touchend="scheduleHide(true)" :id="`inc-btn-${productId}`" class="btn btn-primary btn-icon btn-qty btn-qty-right" id="inc-btn-1361"><svg
xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 6L4 10H6V6L10 6V4L6 4V0H4L4 4L0 4V6L4 6Z" fill="white"></path>
</svg></button></div><button @mouseup.prevent="add()" @touchend="scheduleHide(true)" :id="`btn-${productId}`" class="btn-addto btn btn-primary btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'"
aria-label="In den Warenkorb" id="btn-1361"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="w-4 h-4" width="25" height="25" role="img">
<path stroke-linecap="round" stroke-linejoin="round" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z"></path>
<title>shopping-bag</title>
</svg>
</button> <button @mouseup.prevent="showQtyBox()" :id="`show-qty-btn-${productId}`" class="btn-qty-info btn btn-empty btn-icon btn-xl mr-auto" :class="viewIsGrid ? 'mr-auto' : 'mr-auto md:mr-0'" aria-label="In den Warenkorb" x-text="qty"
id="show-qty-btn-1361">0</button>
</div>
</div>
</div>
</div>
</div>
</form>Text Content
JavaScript scheint in Ihrem Browser deaktiviert zu sein. Um unsere Website in bester Weise zu erfahren, aktivieren Sie Javascript in Ihrem Browser. Zum Inhalt springen * Versand nur CHF 4,90 - Kostenlos über CHF 59 * Preisgarantie - Immer faire Preise! * 100 Tage Rückgaberecht * Mehr als 2.000.000 Kunden schenken uns ihr Vertrauen Suchen search search x Suchen Suchen Cart shopping-bag 0 menu x * Für Nespresso® * Für Dolce Gusto * Für Tassimo * Für Senseo * Kaffeebohnen * Für Nespresso® Pro * Caffitaly Kapseln * Lavazza Kapseln * L'OR Barista * E.S.E. Pads * Instant Kaffee * Gemahlener Kaffee * Zum Kaffee dazu * Tee und Kakao * Zubehör * Entkalkung und Reinigung * Kaffeemaschinen menu x * Für Nespresso® * Für Dolce Gusto * Für Tassimo * Für Senseo * Kaffeebohnen * Für Nespresso® Pro * Caffitaly Kapseln * Lavazza Kapseln * L'OR Barista * E.S.E. Pads * Instant Kaffee * Gemahlener Kaffee * Zum Kaffee dazu * Tee und Kakao * Zubehör * Entkalkung und Reinigung * Kaffeemaschinen Für Nespresso® Für Dolce Gusto Für Tassimo Für Nespresso® Professional Panel schließen Mit Ihrem Konto bestellen E-Mail Adresse Passwort Einloggen Passwort vergessen? Als neuer Kunde bestellen Das Erstellen eines Kontos hat viele Vorteile: * Bestell- und Versandstatus ansehen * Bestellverlauf verfolgen * Schneller bestellen Ein Konto erstellen x * Kapseln fürNescafé Dolce Gusto® * Kapseln fürNespresso® * Kapseln fürNespresso® Pro * Pads fürSenseo® * Kaffeebohnen * Kapseln fürTassimo® * Kapseln fürLavazza A Modo Mio® * Zum Kaffee dazu * Tee und Kakao FÜR NESPRESSO® Mehr anzeigen Lungo - Alltagskaffee 100 Kapseln für Nespresso® Regulärer Preis CHF 11.90 Ab CHF 10.00 CHF 0.10 / Tasse shopping-bag 0 (33) Espresso Karamell - Premium 10 Kapseln für Nespresso® CHF 1.79 CHF 0.18 / Tasse shopping-bag 0 (6) Espresso Crème Brûlée - Premium 10 Kapseln für Nespresso® CHF 1.69 CHF 0.17 / Tasse shopping-bag 0 (37) Espresso Vanille - Premium 10 Kapseln für Nespresso® CHF 1.79 CHF 0.18 / Tasse shopping-bag 0 (8) Espresso Irish Cream - Premium 10 Kapseln für Nespresso® CHF 1.69 CHF 0.17 / Tasse shopping-bag 0 Lungo Strong - Premium 100 Kapseln für Nespresso® Regulärer Preis CHF 16.00 Ab CHF 15.00 CHF 0.15 / Tasse shopping-bag 0 (33) Espresso Decaf - Premium 10 Kapseln für Nespresso® CHF 1.59 CHF 0.16 / Tasse shopping-bag 0 Ristretto - Premium 100 Kapseln für Nespresso® Regulärer Preis CHF 14.50 Ab CHF 14.00 CHF 0.14 / Tasse shopping-bag 0 (30) Espresso Hasselnuss - Premium 10 Kapseln für Nespresso® CHF 1.69 CHF 0.17 / Tasse shopping-bag 0 (37) Espresso Schokolade - Premium 10 Kapseln für Nespresso® CHF 1.69 CHF 0.17 / Tasse shopping-bag 0 FÜR DOLCE GUSTO Mehr anzeigen (183) Nescafé Café Au Lait 30 Kapseln für Nescafé Dolce Gusto Sonderpreis CHF 8.99 Regulärer Preis CHF 9.49 CHF 0.30 / Tasse shopping-bag 0 (57) Starbucks Toffee Nut Latte 12 Kapseln für Dolce Gusto CHF 4.59 CHF 0.77 / Tasse shopping-bag 0 (71) Nescafé Cappuccino 30 Kapseln für Nescafé Dolce Gusto Sonderpreis CHF 8.99 Regulärer Preis CHF 9.49 CHF 0.60 / Tasse shopping-bag 0 (61) Starbucks Caramel Macchiato 12 Kapseln für Nescafé Dolce Gusto CHF 5.19 CHF 0.87 / Tasse shopping-bag 0 (44) Nescafé Lungo 30 Kapseln für Nescafé Dolce Gusto Sonderpreis CHF 8.99 Regulärer Preis CHF 9.49 CHF 0.30 / Tasse shopping-bag 0 (32) Nescafé Latte Macchiato 30 Kapseln für Nescafé Dolce Gusto Sonderpreis CHF 8.99 Regulärer Preis CHF 9.49 CHF 0.60 / Tasse shopping-bag 0 (31) Starbucks Vanilla Macchiato Madagascar 12 Kapseln für Nescafé Dolce Gusto CHF 5.19 CHF 0.87 / Tasse shopping-bag 0 (26) Chai Latte 16 Kapseln für Dolce Gusto CHF 2.79 CHF 0.35 / Tasse shopping-bag 0 (13) Nescafé Nesquik 30 Kapseln für Nescafé Dolce Gusto CHF 8.89 CHF 0.30 / Tasse shopping-bag 0 (19) Starbucks White Mocha 12 Kapseln für Nescafé Dolce Gusto CHF 5.19 CHF 0.87 / Tasse shopping-bag 0 FÜR TASSIMO Mehr anzeigen (90) Milka Kakaogetränk 8 Kapseln für Tassimo CHF 5.69 CHF 0.71 / Tasse shopping-bag 0 (83) Jacobs Latte Macchiato Classico 16 Kapseln für Tassimo CHF 5.39 CHF 0.67 / Tasse shopping-bag 0 (31) Jacobs Café Au Lait 24 kapseln für Tassimo CHF 7.69 CHF 0.32 / Tasse shopping-bag 0 (84) Chai Latte - Coffee Shop Selections 8 Kapseln für Tassimo CHF 5.49 CHF 0.69 / Tasse shopping-bag 0 (67) Jacobs XL Caffé Crema 16 Kapseln für Tassimo CHF 5.29 CHF 0.33 / Tasse shopping-bag 0 (37) Jacob´s Caramel Latte Macchiato 16 Kapseln für Tassimo CHF 5.39 CHF 0.67 / Tasse shopping-bag 0 (37) Jacobs Cappuccino Classico 16 Kapseln für Tassimo CHF 5.49 CHF 0.69 / Tasse shopping-bag 0 (45) Baileys Latte Macchiato 16 Kapseln für Tassimo CHF 5.69 CHF 0.71 / Tasse shopping-bag 0 (62) Morning Café XL 21 Kapseln für Tassimo CHF 5.09 CHF 0.24 / Tasse shopping-bag 0 (23) Toffee Nut Latte - Coffee Shop Selections 16 Kapseln für Tassimo CHF 5.69 CHF 0.71 / Tasse shopping-bag 0 FÜR SENSEO Mehr anzeigen (54) Senseo Classic 48 Pads für Senseo CHF 6.69 CHF 0.14 / Tasse shopping-bag 0 (31) Senseo Strong 48 Pads für Senseo CHF 6.69 CHF 0.14 / Tasse shopping-bag 0 (13) Classic - Gimoka 48 Pads für Senseo CHF 4.09 CHF 0.09 / Tasse shopping-bag 0 (11) Senseo Mild 48 Pads für Senseo CHF 6.49 CHF 0.14 / Tasse shopping-bag 0 (1) Senseo XL Strong - Guten Morgen (Große Tasse) 10 Pads für Senseo CHF 2.69 CHF 0.27 / Tasse shopping-bag 0 (10) Senseo Café Latte 8 Pads für Senseo CHF 3.09 CHF 0.39 / Tasse shopping-bag 0 (10) Senseo Gold 36 Pads für Senseo CHF 5.29 CHF 0.15 / Tasse shopping-bag 0 (14) Senseo Koffeinfrei 36 Pads für Senseo CHF 5.39 CHF 0.15 / Tasse shopping-bag 0 Alltagskaffee Intro Mix 108 Pads für Senseo Regulärer Preis CHF 10.50 Ab CHF 9.00 CHF 0.08 / Tasse shopping-bag 0 (8) Milka Kakaogetränk 8 Pads für Senseo CHF 3.59 CHF 0.45 / Tasse shopping-bag 0 KAFFEEBOHNEN Mehr anzeigen (35) Segafredo Intermezzo 1000 g. Kaffeebohnen CHF 10.99 CHF 10.99 / kg. shopping-bag 0 (4) Koffeinfrei - Alltagskaffee 500 g. Kaffeebohnen CHF 6.39 CHF 12.78 / kg. shopping-bag 0 Domus Barista Starterpaket 1800 g Kaffeebohnen Regulärer Preis CHF 29.46 Ab CHF 27.00 CHF 15.00 / kg. shopping-bag 0 Tales of Roma - Lavazza 1000 g Kaffeebohnen Regulärer Preis CHF 19.80 Ab CHF 18.00 CHF 18.00 / kg. shopping-bag 0 Tales of Milano - Lavazza 250 g Kaffeebohnen CHF 5.99 CHF 23.96 / kg. shopping-bag 0 (7) Caffé Koffeinfrei - Lavazza 500 g. Kaffeebohnen CHF 9.49 CHF 18.98 / kg. shopping-bag 0 (13) Tierra For Planet Ökologisch - Lavazza 1000 g. Kaffeebohnen CHF 16.90 CHF 16.90 / kg. shopping-bag 0 (19) Crema - Alltagskaffee 1000 g. Kaffeebohnen CHF 9.99 CHF 9.99 / kg. shopping-bag 0 (42) Lavazza Crema E Aroma 1000 g. Kaffeebohnen CHF 16.99 CHF 16.99 / kg. shopping-bag 0 Espresso Crema e Gusto - Lavazza 1000 g. Kaffeebohnen CHF 16.50 CHF 16.50 / kg. shopping-bag 0 FÜR NESPRESSO® PRO Mehr anzeigen (90) Lungo Forte - Kaffekapslen 50 Kapseln für Nespresso® Pro CHF 11.99 CHF 0.24 / Tasse shopping-bag 0 (75) Forte 50 Kapseln für Nespresso® Pro CHF 23.79 CHF 0.48 / Tasse shopping-bag 0 (48) Lungo - Kaffekapslen 50 Kapseln für Nespresso® Pro CHF 11.69 CHF 0.23 / Tasse shopping-bag 0 (71) Intenso 50 Kapseln für Nespresso® Pro CHF 23.79 CHF 0.48 / Tasse shopping-bag 0 (55) Espresso - Kaffekapslen 50 Kapseln für Nespresso® Pro CHF 12.29 CHF 0.25 / Tasse shopping-bag 0 (42) Lungo Guatemala Origin 50 Kapseln für Nespresso® Pro CHF 27.89 CHF 0.56 / Tasse shopping-bag 0 (29) Leggero 50 Kapseln für Nespresso® Pro CHF 24.39 CHF 0.49 / Tasse shopping-bag 0 (55) Finezzo 50 Kapseln für Nespresso® Pro CHF 24.59 CHF 0.49 / Tasse shopping-bag 0 (44) Ristretto - Kaffekapslen 50 Kapseln für Nespresso® Pro CHF 12.39 CHF 0.25 / Tasse shopping-bag 0 (28) Espresso Vellutato - Gimoka 50 Kapseln für Nespresso® Pro CHF 11.09 CHF 0.22 / Tasse shopping-bag 0 * Versand nur CHF 4,90 - Kostenlos über CHF 59 * Preisgarantie - Immer faire Preise! * 100 Tage Rückgaberecht * AGB * Impressum * Kundenservice * Einloggen * Über uns * Artikel CH chevron-down * DK * SE * NO * DE * AT * FR * NL * BE * IE * ES * UK * PL * IT * CZ * FI * GR * RO * SK * BG