www.meisterbarf.de
Open in
urlscan Pro
116.202.44.218
Public Scan
Submitted URL: https://transfer.meisterbarf.de/
Effective URL: https://www.meisterbarf.de/
Submission: On July 29 via api from US — Scanned from DE
Effective URL: https://www.meisterbarf.de/
Submission: On July 29 via api from US — Scanned from DE
Form analysis 14 forms found in the DOM
GET https://www.meisterbarf.de/catalogsearch/result/
<form class="form minisearch" id="search_mini_form" action="https://www.meisterbarf.de/catalogsearch/result/" method="get" role="search">
<div class="relative">
<label class="sr-only" for="search"> Shop durchsuchen... </label>
<input id="search" x-on:input.debounce="getSearchResults()" x-ref="searchInput" type="search" class="w-full py-2 pl-2 pr-12 text-lg leading-normal transition appearance-none form-input" autocapitalize="off" autocomplete="off" autocorrect="off"
name="q" value="" placeholder="Shop durchsuchen..." maxlength="128" @search-open.window.debounce.10="$el.focus();$el.select();">
<button class="absolute top-0 bottom-0 right-0 bg-primary p-2 cursor-pointer" form="search_mini_form">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" class="w-6 h-6" viewBox="0 0 24 24" stroke="#fff" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</button>
</div>
<div id="search_autocomplete" class="search-autocomplete relative w-full text-primary md:absolute md:right-[10px] md:max-w-3xl" x-show="show" style="display:none;">
<div class="absolute bg-white border border-solid border-container z-50 w-full grid grid-cols-1 md:grid-cols-3">
<template x-for="searchResultByType in Object.values(searchResultsByType)">
<div class="">
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].title && templates[searchResultByType[0].type].titleRenderer === undefined">
<div class="font-bold pt-2 pl-2" x-text="templates[searchResultByType[0].type].title"></div>
</template>
<template x-if="searchResultByType.hasOwnProperty(0) && templates[searchResultByType[0].type].titleRenderer !== undefined">
<div class="font-bold pt-2 pl-2 text-center" x-text="window[templates[searchResultByType[0].type].titleRenderer](searchResultByType)"></div>
</template>
<template x-for="searchResult in searchResultByType">
<div class="hover:bg-container">
<template x-if="searchResult.type == 'term'">
<a class="w-full block p-2" x-bind:href="'https://www.meisterbarf.de/catalogsearch/result/?q=' + searchResult.title" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm" x-text="'(' + searchResult.num_results + ')'"></span>
</a>
</template>
<template x-if="searchResult.type == 'product'">
<a class="w-full block" :href="searchResult.url" :title="searchResult.title">
<div class="flex md:grid md:grid-cols-4 xl:grid-cols-3 gap-3 p-2">
<div>
<img :src="searchResult.image" class="inline-block md:w-full">
</div>
<div class="col-span-3 xl:col-span-2">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-sm font-bold" x-html="searchResult.price"></span>
</div>
</div>
</a>
</template>
<template x-if="searchResult.type == 'category'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm italic block text-primary-lighter" x-text="searchResult.breadcrumb.join(' > ').concat(' > ')"></span>
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
<template x-if="searchResult.type == 'product_attribute'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
<span class="text-xs uppercase text-gray-500" x-text="searchResult.attribute_label" style="vertical-align: super;"></span>
</a>
</template>
<script>
function renderEsAutocompleteTitleAttribute(data) {
data = data.filter(function(item) {
return item.type === 'product_attribute';
}).map(function(item) {
return item['attribute_label']
}).reduce(function(prev, item) {
if (item in prev) {
prev[item]++;
} else {
prev[item] = 1;
}
return prev;
}, {});
data = Object.entries(data).sort(function(item1, item2) {
return item2[1] - item1[1]
}).map(function(item) {
return item[0]
});
if (data.length > 2) {
data = data.slice(0, 2);
data.push('...');
}
return data.join(', ');
}
</script>
<template x-if="searchResult.type == 'cms_page'">
<a class="w-full block p-2" :href="searchResult.url" :title="searchResult.title">
<span class="text-sm" x-text="searchResult.title"></span>
</a>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</form>POST
<form class="form form-login" method="post" @submit.prevent="submitForm();" id="login-form">
<div class="fieldset login">
<div class="field email required">
<label class="label" for="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="" 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" @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"> Anmelden </button>
<a href="https://www.meisterbarf.de/customer/account/forgotpassword/">
Passwort vergessen? </a>
</div>
</div>
</form>POST
<form class="amhideprice-form" id="amgroupcat-form" action="" method="post" style="display: none;">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x">
<input name="product_id" type="hidden" value="">
<fieldset class="fieldset">
<legend class="legend amhideprice-form-ledend">
<span>Get a Quote for</span>
<span style="font-weight: bolder;" class="product-name"></span>
</legend>
<br>
<div class="amhideprice-fields-container">
<div class="field required">
<label for="amgroupcat-name" class="label">
<span>Kundenname</span>
</label>
<div class="control">
<input type="text" name="name" class="input-text" id="amgroupcat-name" data-validate="{required:true}">
</div>
</div>
<div class="field required">
<label for="amgroupcat-email" class="label" <span="">Kunden-E-Mail </label>
<div class="control">
<input type="email" name="email" autocomplete="email" id="amgroupcat-email" value="" class="input-text" data-validate="{required:true, 'validate-email':true}" aria-required="true">
</div>
</div>
<div class="field required">
<label for="amgroupcat-phone" class="label">
<span>Telefonnummer</span>
</label>
<div class="control">
<input type="text" name="phone" id="amgroupcat-phone" class="input-text " data-validate="{required:true}">
</div>
</div>
<div class="field">
<label for="amgroupcat-comment" class="label">
<span>Kommentar</span>
</label>
<div class="control">
<textarea title="Kommentar" type="textarea" id="amgroupcat-comment" name="comment" class="input-text" data-validate="{'validate-no-html-tags':true}"></textarea>
</div>
</div>
<div class="actions-toolbar">
<div class="primary">
<button type="submit" class="action submit primary" title="Absenden">
<span>Absenden</span>
</button>
</div>
</div>
</div>
</fieldset>
</form><form class="product-finder-form flex flex-wrap lg:flex-nowrap justify-between sm:gap-[10px] lg:gap-[30px]">
<select class="hidden" id="beuteart" name="beuteart" @update-product-finder-beuteart.window="updateProductFinder()" multiple="">
<option value="152">Rind</option>
<option value="154">Ente</option>
<option value="155">Lamm </option>
<option value="157">Pferd</option>
<option value="158">Wild</option>
<option value="184">Pute</option>
<option value="167">Kaninchen/Hase</option>
<option value="156">Ziege</option>
<option value="185">Huhn</option>
<option value="161">Fisch</option>
<option value="206">Exoten</option>
<option value="162">Obst/Gemüse</option>
<option value="209">Knochen/Knorpel</option>
<option value="223">Schwein</option>
</select>
<div class="flex flex-col items-start basis-full sm:basis-1/2-10gap lg:basis-1/4 h-16" x-data="{
options: [],
selected: [],
show: false,
open() { this.show = true },
close() { this.show = false },
isOpen() { return this.show === true },
reloadResults(index, selected) {
let parentSelect = document.getElementById('beuteart');
if (selected) {
parentSelect.options[index].selected = true;
} else {
parentSelect.options[index].selected = false;
}
this.$nextTick(() => {
$dispatch('update-product-finder-beuteart', '');
});
},
select(index, event) {
if (!this.options[index].selected) {
this.options[index].selected = true;
this.options[index].element = event.target;
this.selected.push(index);
} else {
this.selected.splice(this.selected.lastIndexOf(index), 1);
this.options[index].selected = false
}
this.reloadResults(index, true);
},
remove(index, option) {
this.options[option].selected = false;
this.selected.splice(index, 1);
this.reloadResults(option, false);
},
loadOptions() {
const options = document.getElementById('beuteart').options;
for (let i = 0; i < options.length; i++) {
this.options.push({
value: options[i].value,
text: options[i].innerText,
selected: options[i].getAttribute('selected') != null ? options[i].getAttribute('selected') : false
});
}
},
selectedValues(){
return this.selected.map((option)=>{
return this.options[option].value;
})
}
}" x-init="loadOptions()">
<input name="values-beuteart" type="hidden" x-bind:value="selectedValues()" value="">
<div class="inline-block relative w-full">
<div class="flex flex-col items-center relative">
<div x-on:click="open" class="w-full z-10">
<div class="p-2 flex bg-container-darker rounded" :class="isOpen() ? 'rounded-b-none rounded-t' : 'rounded'">
<div class="flex flex-auto flex-wrap bg-container-darker">
<template x-for="(option,index) in selected" :key="options[option].value">
<div class="flex justify-center items-center m-1 font-medium py-1 px-1 rounded border border-primary bg-white">
<div class="text-sm font-normal leading-none max-w-full flex-initial" x-model="options[option]" x-text="options[option].text"></div>
<div class="flex flex-auto flex-row-reverse ">
<div x-on:click.stop="remove(index,option)">
<svg class="fill-red-600 h-4 w-4" role="button" viewBox="0 0 20 20">
<path d="M14.348,14.849c-0.469,0.469-1.229,0.469-1.697,0L10,11.819l-2.651,3.029c-0.469,0.469-1.229,0.469-1.697,0
c-0.469-0.469-0.469-1.229,0-1.697l2.758-3.15L5.651,6.849c-0.469-0.469-0.469-1.228,0-1.697s1.228-0.469,1.697,0L10,8.183
l2.651-3.031c0.469-0.469,1.228-0.469,1.697,0s0.469,1.229,0,1.697l-2.758,3.152l2.758,3.15
C14.817,13.62,14.817,14.38,14.348,14.849z"></path>
</svg>
</div>
</div>
</div>
</template>
<div x-show="selected.length == 0" class="flex-1">
<input placeholder="Beuteart" class="focus:ring-0 focus:ring-offset-0 text-lg font-bold
bg-container-darker placeholder-primary text-center cursor-pointer p-1 px-2
appearance-none outline-none border-none h-full w-full" x-bind:value="selectedValues()" style="caret-color: transparent;">
</div>
</div>
<div class="text-gray-300 w-8 py-1 pl-2 pr-1 flex items-center svelte-1l8159u">
<button type="button" x-show="isOpen() === true" x-on:click="open" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none" style="display: none;">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M17.418,6.109c0.272-0.268,0.709-0.268,0.979,0s0.271,0.701,0,0.969l-7.908,7.83
c-0.27,0.268-0.707,0.268-0.979,0l-7.908-7.83c-0.27-0.268-0.27-0.701,0-0.969c0.271-0.268,0.709-0.268,0.979,0L10,13.25
L17.418,6.109z"></path>
</svg>
</button>
<button type="button" x-show="isOpen() === false" @click="close" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M2.582,13.891c-0.272,0.268-0.709,0.268-0.979,0s-0.271-0.701,0-0.969l7.908-7.83
c0.27-0.268,0.707-0.268,0.979,0l7.908,7.83c0.27,0.268,0.27,0.701,0,0.969c-0.271,0.268-0.709,0.268-0.978,0L10,6.75L2.582,13.891z
"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="w-full px-4 z-20">
<div x-show.transition.origin.top="isOpen()" class="absolute shadow top-100 bg-white z-40 w-full left-0 rounded max-h-select" x-on:click.away="close" style="display: none;">
<div class="flex flex-col w-full overflow-y-auto h-64 bg-container-darker">
<template x-for="(option,index) in options" :key="option.value" class="overflow-auto">
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text"></div>
<div x-show="option.selected">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</template>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Rind</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Ente</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Lamm</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Pferd</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Wild</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Pute</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Kaninchen/Hase</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Ziege</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Huhn</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Fisch</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Exoten</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Obst/Gemüse</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Knochen/Knorpel</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b-0" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Schwein</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<select class="hidden" id="futterart" name="futterart" @update-product-finder-futterart.window="updateProductFinder()" multiple="">
<option value="171">Barf Fertigbarf</option>
<option value="182">Barf Fleisch</option>
<option value="172">Barf Komplettmenü</option>
<option value="174">Brühbarf®</option>
<option value="173">Trockenbarf</option>
<option value="175">Barf Zusätze</option>
<option value="176">Barf Leckerli</option>
<option value="177">Barf Wurst</option>
<option value="178">Barf Öl</option>
<option value="179">Barf in Dosen</option>
<option value="180">Barf Snack</option>
<option value="181">Bio Barf</option>
<option value="183">Barf Gemüse</option>
</select>
<div class="flex flex-col items-center basis-full sm:basis-1/2-10gap lg:basis-1/4 h-16" x-data="{
options: [],
selected: [],
show: false,
open() { this.show = true },
close() { this.show = false },
isOpen() { return this.show === true },
reloadResults(index, selected) {
let parentSelect = document.getElementById('futterart');
if (selected) {
parentSelect.options[index].selected = true;
} else {
parentSelect.options[index].selected = false;
}
this.$nextTick(() => {
$dispatch('update-product-finder-futterart', '');
});
},
select(index, event) {
if (!this.options[index].selected) {
this.options[index].selected = true;
this.options[index].element = event.target;
this.selected.push(index);
} else {
this.selected.splice(this.selected.lastIndexOf(index), 1);
this.options[index].selected = false
}
this.reloadResults(index, true);
},
remove(index, option) {
this.options[option].selected = false;
this.selected.splice(index, 1);
this.reloadResults(option, false);
},
loadOptions() {
const options = document.getElementById('futterart').options;
for (let i = 0; i < options.length; i++) {
this.options.push({
value: options[i].value,
text: options[i].innerText,
selected: options[i].getAttribute('selected') != null ? options[i].getAttribute('selected') : false
});
}
},
selectedValues(){
return this.selected.map((option)=>{
return this.options[option].value;
})
}
}" x-init="loadOptions()">
<input name="values-futterart" type="hidden" x-bind:value="selectedValues()" value="">
<div class="inline-block relative w-full">
<div class="flex flex-col items-center relative">
<div x-on:click="open" class="w-full z-10">
<div class="p-2 flex bg-container-darker rounded" :class="isOpen() ? 'rounded-b-none rounded-t' : 'rounded'">
<div class="flex flex-auto flex-wrap bg-container-darker">
<template x-for="(option,index) in selected" :key="options[option].value">
<div class="flex justify-center items-center m-1 font-medium py-1 px-1 rounded border border-primary bg-white">
<div class="text-sm font-normal leading-none max-w-full flex-initial" x-model="options[option]" x-text="options[option].text"></div>
<div class="flex flex-auto flex-row-reverse ">
<div x-on:click.stop="remove(index,option)">
<svg class="fill-red-600 h-4 w-4" role="button" viewBox="0 0 20 20">
<path d="M14.348,14.849c-0.469,0.469-1.229,0.469-1.697,0L10,11.819l-2.651,3.029c-0.469,0.469-1.229,0.469-1.697,0
c-0.469-0.469-0.469-1.229,0-1.697l2.758-3.15L5.651,6.849c-0.469-0.469-0.469-1.228,0-1.697s1.228-0.469,1.697,0L10,8.183
l2.651-3.031c0.469-0.469,1.228-0.469,1.697,0s0.469,1.229,0,1.697l-2.758,3.152l2.758,3.15
C14.817,13.62,14.817,14.38,14.348,14.849z"></path>
</svg>
</div>
</div>
</div>
</template>
<div x-show="selected.length == 0" class="flex-1">
<input placeholder="Futterart" class="focus:ring-0 focus:ring-offset-0 text-lg font-bold
bg-container-darker placeholder-primary text-center cursor-pointer p-1 px-2
appearance-none outline-none border-none h-full w-full" x-bind:value="selectedValues()" style="caret-color: transparent;">
</div>
</div>
<div class="text-gray-300 w-8 py-1 pl-2 pr-1 flex items-center svelte-1l8159u">
<button type="button" x-show="isOpen() === true" x-on:click="open" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none" style="display: none;">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M17.418,6.109c0.272-0.268,0.709-0.268,0.979,0s0.271,0.701,0,0.969l-7.908,7.83
c-0.27,0.268-0.707,0.268-0.979,0l-7.908-7.83c-0.27-0.268-0.27-0.701,0-0.969c0.271-0.268,0.709-0.268,0.979,0L10,13.25
L17.418,6.109z"></path>
</svg>
</button>
<button type="button" x-show="isOpen() === false" @click="close" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M2.582,13.891c-0.272,0.268-0.709,0.268-0.979,0s-0.271-0.701,0-0.969l7.908-7.83
c0.27-0.268,0.707-0.268,0.979,0l7.908,7.83c0.27,0.268,0.27,0.701,0,0.969c-0.271,0.268-0.709,0.268-0.978,0L10,6.75L2.582,13.891z
"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="w-full px-4 z-20">
<div x-show.transition.origin.top="isOpen()" class="absolute shadow top-100 bg-white z-40 w-full left-0 rounded max-h-select" x-on:click.away="close" style="display: none;">
<div class="flex flex-col w-full overflow-y-auto h-64 bg-container-darker">
<template x-for="(option,index) in options" :key="option.value" class="overflow-auto">
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text"></div>
<div x-show="option.selected">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</template>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Fertigbarf</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Fleisch</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Komplettmenü</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Brühbarf®</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Trockenbarf</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Zusätze</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Leckerli</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Wurst</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Öl</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf in Dosen</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Snack</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Bio Barf</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b-0" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Barf Gemüse</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<select class="hidden" id="fuer_wen" name="fuer_wen" @update-product-finder-fuer-wen.window="updateProductFinder()" multiple="">
<option value="45">Adult</option>
<option value="46">Junior</option>
<option value="47">Senior</option>
<option value="48">Allergie</option>
<option value="49">Übergewicht</option>
<option value="50">Gewichtszunahme</option>
</select>
<div class="flex flex-col items-center basis-full sm:basis-1/2-10gap lg:basis-1/4 h-16" x-data="{
options: [],
selected: [],
show: false,
open() { this.show = true },
close() { this.show = false },
isOpen() { return this.show === true },
reloadResults(index, selected) {
let parentSelect = document.getElementById('fuer_wen');
if (selected) {
parentSelect.options[index].selected = true;
} else {
parentSelect.options[index].selected = false;
}
this.$nextTick(() => {
$dispatch('update-product-finder-fuer-wen', '');
});
},
select(index, event) {
if (!this.options[index].selected) {
this.options[index].selected = true;
this.options[index].element = event.target;
this.selected.push(index);
} else {
this.selected.splice(this.selected.lastIndexOf(index), 1);
this.options[index].selected = false
}
this.reloadResults(index, true);
},
remove(index, option) {
this.options[option].selected = false;
this.selected.splice(index, 1);
this.reloadResults(option, false);
},
loadOptions() {
const options = document.getElementById('fuer_wen').options;
for (let i = 0; i < options.length; i++) {
this.options.push({
value: options[i].value,
text: options[i].innerText,
selected: options[i].getAttribute('selected') != null ? options[i].getAttribute('selected') : false
});
}
},
selectedValues(){
return this.selected.map((option)=>{
return this.options[option].value;
})
}
}" x-init="loadOptions()">
<input name="values-fuer-wen" type="hidden" x-bind:value="selectedValues()" value="">
<div class="inline-block relative w-full">
<div class="flex flex-col items-center relative">
<div x-on:click="open" class="w-full z-10">
<div class="p-2 flex bg-container-darker rounded" :class="isOpen() ? 'rounded-b-none rounded-t' : 'rounded'">
<div class="flex flex-auto flex-wrap bg-container-darker">
<template x-for="(option,index) in selected" :key="options[option].value">
<div class="flex justify-center items-center m-1 font-medium py-1 px-1 rounded border border-primary bg-white">
<div class="text-sm font-normal leading-none max-w-full flex-initial" x-model="options[option]" x-text="options[option].text"></div>
<div class="flex flex-auto flex-row-reverse ">
<div x-on:click.stop="remove(index,option)">
<svg class="fill-red-600 h-4 w-4" role="button" viewBox="0 0 20 20">
<path d="M14.348,14.849c-0.469,0.469-1.229,0.469-1.697,0L10,11.819l-2.651,3.029c-0.469,0.469-1.229,0.469-1.697,0
c-0.469-0.469-0.469-1.229,0-1.697l2.758-3.15L5.651,6.849c-0.469-0.469-0.469-1.228,0-1.697s1.228-0.469,1.697,0L10,8.183
l2.651-3.031c0.469-0.469,1.228-0.469,1.697,0s0.469,1.229,0,1.697l-2.758,3.152l2.758,3.15
C14.817,13.62,14.817,14.38,14.348,14.849z"></path>
</svg>
</div>
</div>
</div>
</template>
<div x-show="selected.length == 0" class="flex-1">
<input placeholder="Für Wen" class="focus:ring-0 focus:ring-offset-0 text-lg font-bold
bg-container-darker placeholder-primary text-center cursor-pointer p-1 px-2
appearance-none outline-none border-none h-full w-full" x-bind:value="selectedValues()" style="caret-color: transparent;">
</div>
</div>
<div class="text-gray-300 w-8 py-1 pl-2 pr-1 flex items-center svelte-1l8159u">
<button type="button" x-show="isOpen() === true" x-on:click="open" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none" style="display: none;">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M17.418,6.109c0.272-0.268,0.709-0.268,0.979,0s0.271,0.701,0,0.969l-7.908,7.83
c-0.27,0.268-0.707,0.268-0.979,0l-7.908-7.83c-0.27-0.268-0.27-0.701,0-0.969c0.271-0.268,0.709-0.268,0.979,0L10,13.25
L17.418,6.109z"></path>
</svg>
</button>
<button type="button" x-show="isOpen() === false" @click="close" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M2.582,13.891c-0.272,0.268-0.709,0.268-0.979,0s-0.271-0.701,0-0.969l7.908-7.83
c0.27-0.268,0.707-0.268,0.979,0l7.908,7.83c0.27,0.268,0.27,0.701,0,0.969c-0.271,0.268-0.709,0.268-0.978,0L10,6.75L2.582,13.891z
"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="w-full px-4 z-20">
<div x-show.transition.origin.top="isOpen()" class="absolute shadow top-100 bg-white z-40 w-full left-0 rounded max-h-select" x-on:click.away="close" style="display: none;">
<div class="flex flex-col w-full overflow-y-auto h-64 bg-container-darker">
<template x-for="(option,index) in options" :key="option.value" class="overflow-auto">
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text"></div>
<div x-show="option.selected">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</template>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Adult</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Junior</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Senior</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Allergie</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Übergewicht</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b-0" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Gewichtszunahme</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<select class="hidden" id="verarbeitung" name="verarbeitung" @update-product-finder-verarbeitung.window="updateProductFinder()" multiple="">
<option value="35">gewolft</option>
<option value="36">Fleischwürfel</option>
<option value="37">am Stück</option>
<option value="38">im Ganzen</option>
<option value="39">gedünstet / Sous-vide</option>
<option value="40">gefriergetrocknet</option>
<option value="41">getrocknet</option>
</select>
<div class="flex flex-col items-end basis-full sm:basis-1/2-10gap lg:basis-1/4 h-16" x-data="{
options: [],
selected: [],
show: false,
open() { this.show = true },
close() { this.show = false },
isOpen() { return this.show === true },
reloadResults(index, selected) {
let parentSelect = document.getElementById('verarbeitung');
if (selected) {
parentSelect.options[index].selected = true;
} else {
parentSelect.options[index].selected = false;
}
this.$nextTick(() => {
$dispatch('update-product-finder-verarbeitung', '');
});
},
select(index, event) {
if (!this.options[index].selected) {
this.options[index].selected = true;
this.options[index].element = event.target;
this.selected.push(index);
} else {
this.selected.splice(this.selected.lastIndexOf(index), 1);
this.options[index].selected = false
}
this.reloadResults(index, true);
},
remove(index, option) {
this.options[option].selected = false;
this.selected.splice(index, 1);
this.reloadResults(option, false);
},
loadOptions() {
const options = document.getElementById('verarbeitung').options;
for (let i = 0; i < options.length; i++) {
this.options.push({
value: options[i].value,
text: options[i].innerText,
selected: options[i].getAttribute('selected') != null ? options[i].getAttribute('selected') : false
});
}
},
selectedValues(){
return this.selected.map((option)=>{
return this.options[option].value;
})
}
}" x-init="loadOptions()">
<input name="values-verarbeitung" type="hidden" x-bind:value="selectedValues()" value="">
<div class="inline-block relative w-full">
<div class="flex flex-col items-center relative">
<div x-on:click="open" class="w-full z-10">
<div class="p-2 flex bg-container-darker rounded" :class="isOpen() ? 'rounded-b-none rounded-t' : 'rounded'">
<div class="flex flex-auto flex-wrap bg-container-darker">
<template x-for="(option,index) in selected" :key="options[option].value">
<div class="flex justify-center items-center m-1 font-medium py-1 px-1 rounded border border-primary bg-white">
<div class="text-sm font-normal leading-none max-w-full flex-initial" x-model="options[option]" x-text="options[option].text"></div>
<div class="flex flex-auto flex-row-reverse ">
<div x-on:click.stop="remove(index,option)">
<svg class="fill-red-600 h-4 w-4" role="button" viewBox="0 0 20 20">
<path d="M14.348,14.849c-0.469,0.469-1.229,0.469-1.697,0L10,11.819l-2.651,3.029c-0.469,0.469-1.229,0.469-1.697,0
c-0.469-0.469-0.469-1.229,0-1.697l2.758-3.15L5.651,6.849c-0.469-0.469-0.469-1.228,0-1.697s1.228-0.469,1.697,0L10,8.183
l2.651-3.031c0.469-0.469,1.228-0.469,1.697,0s0.469,1.229,0,1.697l-2.758,3.152l2.758,3.15
C14.817,13.62,14.817,14.38,14.348,14.849z"></path>
</svg>
</div>
</div>
</div>
</template>
<div x-show="selected.length == 0" class="flex-1">
<input placeholder="Verarbeitung" class="focus:ring-0 focus:ring-offset-0 text-lg font-bold
bg-container-darker placeholder-primary text-center cursor-pointer p-1 px-2
appearance-none outline-none border-none h-full w-full" x-bind:value="selectedValues()" style="caret-color: transparent;">
</div>
</div>
<div class="text-gray-300 w-8 py-1 pl-2 pr-1 flex items-center svelte-1l8159u">
<button type="button" x-show="isOpen() === true" x-on:click="open" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none" style="display: none;">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M17.418,6.109c0.272-0.268,0.709-0.268,0.979,0s0.271,0.701,0,0.969l-7.908,7.83
c-0.27,0.268-0.707,0.268-0.979,0l-7.908-7.83c-0.27-0.268-0.27-0.701,0-0.969c0.271-0.268,0.709-0.268,0.979,0L10,13.25
L17.418,6.109z"></path>
</svg>
</button>
<button type="button" x-show="isOpen() === false" @click="close" class="cursor-pointer w-6 h-6 text-gray-600 outline-none focus:outline-none">
<svg class="fill-current h-4 w-4" viewBox="0 0 20 20">
<path d="M2.582,13.891c-0.272,0.268-0.709,0.268-0.979,0s-0.271-0.701,0-0.969l7.908-7.83
c0.27-0.268,0.707-0.268,0.979,0l7.908,7.83c0.27,0.268,0.27,0.701,0,0.969c-0.271,0.268-0.709,0.268-0.978,0L10,6.75L2.582,13.891z
"></path>
</svg>
</button>
</div>
</div>
</div>
<div class="w-full px-4 z-20">
<div x-show.transition.origin.top="isOpen()" class="absolute shadow top-100 bg-white z-40 w-full left-0 rounded max-h-select" x-on:click.away="close" style="display: none;">
<div class="flex flex-col w-full overflow-y-auto h-64 bg-container-darker">
<template x-for="(option,index) in options" :key="option.value" class="overflow-auto">
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text"></div>
<div x-show="option.selected">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</template>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">gewolft</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">Fleischwürfel</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">am Stück</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">im Ganzen</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">gedünstet / Sous-vide</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">gefriergetrocknet</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
<div class="cursor-pointer w-full border-gray-100 rounded-t hover:bg-gray-100 border-b-0" :class="options.length == index + 1 ? 'border-b-0' : 'border-b'" @click="select(index,$event)">
<div class="flex w-full items-center p-2 pl-2 border-transparent border-l-2 relative">
<div class="w-full items-center flex justify-between">
<div class="mx-2 leading-6" x-model="option" x-text="option.text">getrocknet</div>
<div x-show="option.selected" style="display: none;">
<svg class="svg-icon" viewBox="0 0 20 20">
<path fill="none" d="M7.197,16.963H7.195c-0.204,0-0.399-0.083-0.544-0.227l-6.039-6.082c-0.3-0.302-0.297-0.788,0.003-1.087
C0.919,9.266,1.404,9.269,1.702,9.57l5.495,5.536L18.221,4.083c0.301-0.301,0.787-0.301,1.087,0c0.301,0.3,0.301,0.787,0,1.087
L7.741,16.738C7.596,16.882,7.401,16.963,7.197,16.963z"></path>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/94/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/94/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="94">
<a href="https://www.meisterbarf.de/barf/rinderpansen" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8005_pansen_gr_n_gewolft_napf_1_1-b6d59b2d.webp" loading="lazy" width="360" height="360" alt="Rinderpansen grün gewolft" title="Rinderpansen grün gewolft" @update-gallery-94.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-94.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8005_pansen_gr_n_gewolft_napf_1_1.jpg" loading="lazy" width="360" height="360" alt="Rinderpansen grün gewolft" title="Rinderpansen grün gewolft"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/rinderpansen" :id="`slide-desc-94-${$id('slider-id')}`">
Rinderpansen grün gewolft </a>
</div>
<script>
function initConfigurableSwatchOptions_94() {
const configurableOptionsComponent = initConfigurableOptions('94', {
"attributes": {
"237": {
"id": "237",
"code": "gewicht",
"label": "F\u00fcllmenge",
"options": [{
"id": "131",
"label": "250 g",
"products": ["95"]
}, {
"id": "132",
"label": "500 g",
"products": ["96"]
}, {
"id": "133",
"label": "1 kg",
"products": ["316"]
}],
"position": "0"
}
},
"template": "<%- data.price %>\u00a0\u20ac",
"currencyFormat": "%s\u00a0\u20ac",
"optionPrices": {
"96": {
"baseOldPrice": {
"amount": 1.8504662897196
},
"oldPrice": {
"amount": 1.98
},
"basePrice": {
"amount": 1.3831765700935
},
"finalPrice": {
"amount": 1.48
},
"tierPrices": [],
"msrpPrice": {
"amount": 0
},
"magenerds_baseprice_text": "<span class=\"price\">2,96\u00a0\u20ac<\/span> \/ 1 kg"
},
"95": {
"baseOldPrice": {
"amount": 1.1028027383178
},
"oldPrice": {
"amount": 1.18
},
"basePrice": {
"amount": 0.82242890654206
},
"finalPrice": {
"amount": 0.88
},
"tierPrices": [],
"msrpPrice": {
"amount": 0
},
"magenerds_baseprice_text": "<span class=\"price\">3,52\u00a0\u20ac<\/span> \/ 1 kg"
},
"316": {
"baseOldPrice": {
"amount": 2.6915877850467
},
"oldPrice": {
"amount": 2.88
},
"basePrice": {
"amount": 2.1308401214953
},
"finalPrice": {
"amount": 2.28
},
"tierPrices": [],
"msrpPrice": {
"amount": 0
},
"magenerds_baseprice_text": "<span class=\"price\">2,28\u00a0\u20ac<\/span> \/ 1 kg"
}
},
"priceFormat": {
"pattern": "%s\u00a0\u20ac",
"precision": 2,
"requiredPrecision": 2,
"decimalSymbol": ",",
"groupSymbol": ".",
"groupLength": 3,
"integerRequired": false
},
"prices": {
"baseOldPrice": {
"amount": 1.1028027383178
},
"oldPrice": {
"amount": 1.18
},
"basePrice": {
"amount": 0.82242890654206
},
"finalPrice": {
"amount": 0.88
}
},
"productId": "94",
"chooseText": "Option ausw\u00e4hlen...",
"images": [],
"index": {
"96": {
"237": "132"
},
"95": {
"237": "131"
},
"316": {
"237": "133"
}
},
"salable": {
"237": {
"132": ["96"],
"131": ["95"],
"133": ["316"]
}
},
"canDisplayShowOutOfStockStatus": true,
"preSelectedGallery": [],
"channel": "website",
"salesChannelCode": "base",
"sku": {
"96": "8005",
"95": "8004",
"316": "8109"
}
});
const swatchOptionsComponent = initSwatchOptions({
"237": {
"131": {
"type": "0",
"value": "250 g",
"label": "250 g"
},
"132": {
"type": "0",
"value": "500 g",
"label": "500 g"
},
"133": {
"type": "0",
"value": "1 kg",
"label": "1 kg"
},
"additional_data": "{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":0}"
}
});
return Object.assign(configurableOptionsComponent, swatchOptionsComponent, {
mediaCallback: "https\u003A\u002F\u002Fwww.meisterbarf.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
if (value === '') {
this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
detail: {
productId: this.productId,
optionId,
value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}));
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}).then(response => {
return response.json()
}).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(new CustomEvent("update-gallery-94", {
detail: image
}));
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) && this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
});
}
</script>
<div x-data="initConfigurableSwatchOptions_94()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="mb-2 relative"
x-defer="intersect" x-ignore="">
<div>
<div class="swatch-attribute px-4
gewicht">
<div class="w-full overflow-x-hidden swatch-attribute-options -mx-1">
<template x-if="showSwatches">
<div class="grid grid-cols-2 gap-1 w-full overflow-auto transition-all snap py-1" id="attribute-label-94-237" role="radiogroup" x-bind="scrollEvents" aria-label="Füllmenge">
<template x-for="(item, index) in optionConfig.attributes[237].options" :key="item.id">
<div x-id="['attribute-option-94-'+item.id]">
<template x-if="optionIsEnabled(237, item.id) && optionIsActive(237, item.id)">
<label :for="$id('attribute-option-94-'+item.id)" class="swatch-option relative font-bold border-1 rounded cursor-pointer select-none product-option-value-label" :class="{
'bg-container-lighter border-primary':
(selectedValues[237] === item.id),
'bg-container-darker border-container-darker':
(selectedValues[237] !== item.id),
'w-6 h-6' : !isTextSwatch(237, item.id),
'bg-container-lighter border-primary' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('237',item.id)" @touchstart="" @mouseenter.self="activeTooltipItem = {
attribute: '237',
item: item.id,
index
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-94-'+item.id)" :value="item.id" name="super_attribute[237]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(237, $event.target.value)" x-on:click="clearOptionIfActive(237, item.id)" x-model="selectedValues[237]" :required="getAllowedAttributeOptions(237).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(237, item.id)" aria-describedby="attribute-label-94-237">
<template x-if="isTextSwatch(237, item.id)">
<div x-html="getSwatchText(237, item.id)" class="pointer-events-none select-none whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(237, item.id) && !optionIsActive(237, item.id)">
<div class="relative border-1 opacity-50 cursor-pointer select-none border-container-darker swatch-option bg-container-lighter" :class="{
'w-6 h-6' : !isTextSwatch(237, item.id),
}" :style="getSwatchBackgroundStyle('237',item.id)">
<div x-html="getSwatchText(237, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(237, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-primary-lighter bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center" :class="{'-translate-x-5' : isFirstItemCol()}">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__66a7178acc2d0() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">1,76 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">1,76 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-94.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="94" data-price-box="product-id-94"><span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D94']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D94')" data-price-amount="0.88" data-price-type="finalPrice" class="price-wrapper "><span class="price">0,88 €</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span x-data="" x-id="['old\u002Dprice\u002D94']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D94')" data-price-amount="1.18" data-price-type="oldPrice" class="price-wrapper "><span class="price">1,18 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">1,76 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178acc2d0: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178acc2d0 > min ? qty_66a7178acc2d0-- : qty_66a7178acc2d0">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178acc2d0">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178acc2d0 < max ? qty_66a7178acc2d0++ : qty_66a7178acc2d0">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Rinderpansen grün gewolft">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/309/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/309/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="309">
<a href="https://www.meisterbarf.de/barf/pansen-mix" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8107_pansen_mix_1kg_napf_1-53d68c42.webp" loading="lazy" width="360" height="360" alt="Pansen-Mix gewolft" title="Pansen-Mix gewolft" @update-gallery-309.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-309.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8107_pansen_mix_1kg_napf_1.jpg" loading="lazy" width="360" height="360" alt="Pansen-Mix gewolft" title="Pansen-Mix gewolft"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/pansen-mix" :id="`slide-desc-309-${$id('slider-id')}`">
Pansen-Mix gewolft </a>
</div>
<div class="py-1 px-4 ">
<div x-data="function initRating30966a7178af3e5b() {
return {
reviewsSection: document.getElementById('customer-review-list')
|| document.getElementById('customer-reviews')
|| document.getElementById('review-form'),
scrollToRatings() {
let scrollTimeout = null
if (!this.reviewsSection) {
return
}
addEventListener('scroll', () => {
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(() => {
if (this.reviewsSection) {
this.reviewsSection.focus()
}
}, 50);
}, { once: true });
this.reviewsSection.scrollIntoView({behavior: 'smooth'})
}
}
}" @keyup.enter="scrollToRatings()" @click="scrollToRatings()" class="rating-summary flex" :class="{'cursor-pointer' : reviewsSection}" tabindex="0" :aria-label="reviewsSection
? 'Pansen\u002DMix\u0020gewolft\u0020Bewertung.\u00205\u0020von\u00205\u0020Sternen.\u0020Klicken\u0020Sie,\u0020um\u0020zu\u0020den\u0020Bewertungen\u0020zu\u0020gelangen.'
: 'Pansen\u002DMix\u0020gewolft\u0020Bewertung.\u00205\u0020von\u00205\u0020Sternen'
" role="group" x-defer="intersect" x-ignore="">
<svg xmlns="http://www.w3.org/2000/svg" class="fill-current w-6 h-6" viewBox="3 0 20 20" style="color: #6a5442" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.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-6 h-6" viewBox="3 0 20 20" style="color: #6a5442" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.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-6 h-6" viewBox="3 0 20 20" style="color: #6a5442" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.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-6 h-6" viewBox="3 0 20 20" style="color: #6a5442" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.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-6 h-6" viewBox="3 0 20 20" style="color: #6a5442" fill="currentColor" aria-hidden="true">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371
1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54
1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1
1 0 00-.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>
</div>
</div>
<script>
function initConfigurableSwatchOptions_309() {
const configurableOptionsComponent = initConfigurableOptions('309', {
"attributes": {
"237": {
"id": "237",
"code": "gewicht",
"label": "F\u00fcllmenge",
"options": [{
"id": "132",
"label": "500 g",
"products": ["310"]
}, {
"id": "133",
"label": "1 kg",
"products": ["311"]
}],
"position": "0"
}
},
"template": "<%- data.price %>\u00a0\u20ac",
"currencyFormat": "%s\u00a0\u20ac",
"optionPrices": {
"310": {
"baseOldPrice": {
"amount": 1.7570083457944
},
"oldPrice": {
"amount": 1.88
},
"basePrice": {
"amount": 1.5700924579439
},
"finalPrice": {
"amount": 1.68
},
"tierPrices": [],
"msrpPrice": {
"amount": 0
},
"magenerds_baseprice_text": "<span class=\"price\">3,36\u00a0\u20ac<\/span> \/ 1 kg"
},
"311": {
"baseOldPrice": {
"amount": 2.785045728972
},
"oldPrice": {
"amount": 2.98
},
"basePrice": {
"amount": 2.785045728972
},
"finalPrice": {
"amount": 2.98
},
"tierPrices": [],
"msrpPrice": {
"amount": 0
},
"magenerds_baseprice_text": "<span class=\"price\">2,98\u00a0\u20ac<\/span> \/ 1 kg"
}
},
"priceFormat": {
"pattern": "%s\u00a0\u20ac",
"precision": 2,
"requiredPrecision": 2,
"decimalSymbol": ",",
"groupSymbol": ".",
"groupLength": 3,
"integerRequired": false
},
"prices": {
"baseOldPrice": {
"amount": 1.7570083457944
},
"oldPrice": {
"amount": 1.88
},
"basePrice": {
"amount": 1.5700924579439
},
"finalPrice": {
"amount": 1.68
}
},
"productId": "309",
"chooseText": "Option ausw\u00e4hlen...",
"images": [],
"index": {
"310": {
"237": "132"
},
"311": {
"237": "133"
}
},
"salable": {
"237": {
"132": ["310"],
"133": ["311"]
}
},
"canDisplayShowOutOfStockStatus": true,
"preSelectedGallery": [],
"channel": "website",
"salesChannelCode": "base",
"sku": {
"310": "8106",
"311": "8107"
}
});
const swatchOptionsComponent = initSwatchOptions({
"237": {
"132": {
"type": "0",
"value": "500 g",
"label": "500 g"
},
"133": {
"type": "0",
"value": "1 kg",
"label": "1 kg"
},
"additional_data": "{\"swatch_input_type\":\"text\",\"update_product_preview_image\":\"1\",\"use_product_image_for_swatch\":0}"
}
});
return Object.assign(configurableOptionsComponent, swatchOptionsComponent, {
mediaCallback: "https\u003A\u002F\u002Fwww.meisterbarf.de\u002Fswatches\u002Fajax\u002Fmedia\u002F",
changeOption(optionId, value, skipUpdateGallery) {
if (value === '') {
this.selectedValues = this.removeAttrFromSelection(this.selectedValues, optionId)
} else {
this.selectedValues[optionId] = value;
}
this.findSimpleIndex();
this.findAllowedAttributeOptions();
this.updatePrices();
!skipUpdateGallery && this.updateGallery();
window.dispatchEvent(new CustomEvent('listing-configurable-selection-changed', {
detail: {
productId: this.productId,
optionId,
value,
productIndex: this.productIndex,
selectedValues: this.selectedValues,
candidates: this.findProductIdsForPartialSelection(this.selectedValues),
}
}));
},
updateGallery() {
if (!this.productIndex) {
return;
}
fetch(`${this.mediaCallback}?product_id=${this.productIndex}&isAjax=true`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
}
}).then(response => {
return response.json()
}).then(data => {
if (data.errors) {
// non critical failure only console logged
console.warn(data.errors);
} else {
const image = data && data.medium;
image && window.dispatchEvent(new CustomEvent("update-gallery-309", {
detail: image
}));
}
}).catch(error => {
console.warn(error)
});
},
preselectQuerystringItems() {
// pre-select option like ?size=167
const urlQueryParams = new URLSearchParams(window.location.search.replace('?', ''));
Object.values(this.optionConfig.attributes).map(attribute => {
// Don't update images on load, since PLPs already set the main image to the selected options
const skipUpdateGallery = true;
urlQueryParams.get(attribute.code) && this.changeOption(attribute.id, urlQueryParams.get(attribute.code), skipUpdateGallery);
});
},
mouseDown: false,
startX: 0,
maxScroll: 0,
scrollLeft: null,
slider: null,
scrollEvents: {
['@mousedown'](e) {
this.slider = e.target.closest('.snap');
if (!this.slider) {
return;
}
this.maxScroll = this.slider.scrollWidth - this.slider.offsetWidth;
this.startX = e.pageX - this.slider.offsetLeft;
this.scrollLeft = this.slider.scrollLeft;
this.mouseDown = true;
},
['@mouseout.self']() {
this.mouseDown = false;
},
['@mouseup']() {
this.mouseDown = false;
},
['@mousemove'](e) {
e.preventDefault();
if (!this.mouseDown) {
return;
}
const x = e.pageX - this.slider.offsetLeft;
const scroll = x - this.startX;
const scrollLeft = this.scrollLeft - scroll;
if (scrollLeft > this.maxScroll) {
this.slider.scrollLeft = this.maxScroll;
return
}
this.slider.scrollLeft = this.scrollLeft - scroll;
},
['@onselectstart']() {
return false;
}
},
resizeEvent() {
Array.from(this.$root.querySelectorAll('.snap')).forEach(slider => {
slider.scrollLeft = 0;
})
}
});
}
</script>
<div x-data="initConfigurableSwatchOptions_309()" x-init="findAllowedAttributeOptions(); initShowSwatchesIntersect();" @private-content-loaded.window="onGetCartData($event.detail.data)" @resize.window="resizeEvent()" class="mb-2 relative"
x-defer="intersect" x-ignore="">
<div>
<div class="swatch-attribute px-4
gewicht">
<div class="w-full overflow-x-hidden swatch-attribute-options -mx-1">
<template x-if="showSwatches">
<div class="grid grid-cols-2 gap-1 w-full overflow-auto transition-all snap py-1" id="attribute-label-309-237" role="radiogroup" x-bind="scrollEvents" aria-label="Füllmenge">
<template x-for="(item, index) in optionConfig.attributes[237].options" :key="item.id">
<div x-id="['attribute-option-309-'+item.id]">
<template x-if="optionIsEnabled(237, item.id) && optionIsActive(237, item.id)">
<label :for="$id('attribute-option-309-'+item.id)" class="swatch-option relative font-bold border-1 rounded cursor-pointer select-none product-option-value-label" :class="{
'bg-container-lighter border-primary':
(selectedValues[237] === item.id),
'bg-container-darker border-container-darker':
(selectedValues[237] !== item.id),
'w-6 h-6' : !isTextSwatch(237, item.id),
'bg-container-lighter border-primary' : focusedLabel === item.id
}" :style="getSwatchBackgroundStyle('237',item.id)" @touchstart="" @mouseenter.self="activeTooltipItem = {
attribute: '237',
item: item.id,
index
}; tooltipPositionElement = $event.target;" @mouseleave.self="activeTooltipItem = false">
<input :id="$id('attribute-option-309-'+item.id)" :value="item.id" name="super_attribute[237]" type="radio" class="inline-block absolute p-0 border-0 focus:border-0 focus:ring-0 product-option-value-input" style="z-index:-1"
x-on:focus="focusLabel(item.id)" x-on:blur="blurLabel()" x-on:change="changeOption(237, $event.target.value)" x-on:click="clearOptionIfActive(237, item.id)" x-model="selectedValues[237]" :required="getAllowedAttributeOptions(237).filter(
attributeOption => selectedValues[attributeOption]
).length === 0" :aria-label="getSwatchText(237, item.id)" aria-describedby="attribute-label-309-237">
<template x-if="isTextSwatch(237, item.id)">
<div x-html="getSwatchText(237, item.id)" class="pointer-events-none select-none whitespace-nowrap" aria-hidden="true"></div>
</template>
</label>
</template>
<template x-if="optionIsEnabled(237, item.id) && !optionIsActive(237, item.id)">
<div class="relative border-1 opacity-50 cursor-pointer select-none border-container-darker swatch-option bg-container-lighter" :class="{
'w-6 h-6' : !isTextSwatch(237, item.id),
}" :style="getSwatchBackgroundStyle('237',item.id)">
<div x-html="getSwatchText(237, item.id)" class="whitespace-nowrap" :class="{ 'sr-only' : !isTextSwatch(237, item.id) }"></div>
<svg class="absolute inset-0 w-full h-full text-primary-lighter bg-white/25">
<line x1="0" y1="100%" x2="100%" y2="0" class="stroke-current stroke-1"></line>
</svg>
</div>
</template>
</div>
</template>
</div>
</template>
</div>
</div>
</div>
<template x-if="isTooltipVisible()">
<div class="absolute pointer-events-none select-none" :style="getTooltipPosition()">
<div class="shadow-lg">
<div class="absolute top-0 left-0 z-10 min-w-20 p-2 -mt-6 text-sm leading-tight text-black
transform -translate-x-1/2 -translate-y-full bg-white rounded-lg shadow-lg text-center" :class="{'-translate-x-5' : isFirstItemCol()}">
<template x-if="isVisualSwatch(activeTooltipItem.attribute, activeTooltipItem.item)">
<div class="inline-block border shadow-sm border-container" :style="getTooltipImageStyle(activeTooltipItem.attribute, activeTooltipItem.item)"></div>
</template>
<span class="mx-2 text-lg font-semibold whitespace-nowrap subtitle" x-html="getTooltipLabel()"></span>
</div>
<svg class="absolute z-10 w-8 h-8 text-white transform -translate-x-1/5
-translate-y-8 fill-current stroke-current" width="12" height="12">
<rect x="12" y="-12" width="12" height="12" transform="rotate(45)" class="shadow-xl"></rect>
</svg>
</div>
</div>
</template>
</div>
<script>
function initPriceBox__66a7178ae5cf2() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">6,72 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">6,72 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-309.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="309" data-price-box="product-id-309"><span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D309']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D309')" data-price-amount="1.68" data-price-type="finalPrice" class="price-wrapper "><span class="price">1,68 €</span></span>
</span>
</span>
<span class="old-price sly-old-price no-display">
<span x-data="" x-id="['old\u002Dprice\u002D309']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D309')" data-price-amount="1.88" data-price-type="oldPrice" class="price-wrapper "><span class="price">1,88 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">6,72 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178ae5cf2: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178ae5cf2 > min ? qty_66a7178ae5cf2-- : qty_66a7178ae5cf2">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178ae5cf2">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178ae5cf2 < max ? qty_66a7178ae5cf2++ : qty_66a7178ae5cf2">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Pansen-Mix gewolft">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/318/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/318/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="318">
<a href="https://www.meisterbarf.de/barf/fertigbarf-hund-rind-sparpaket-22kg" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8301_fertigbarf_rind_500g_napf_1_1-9d28cc97.webp" loading="lazy" width="360" height="360" alt="Fertigbarf RIND gewolft, 22 x 1 kg" title="Fertigbarf RIND gewolft, 22 x 1 kg" @update-gallery-318.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-318.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8301_fertigbarf_rind_500g_napf_1_1.jpg" loading="lazy" width="360" height="360" alt="Fertigbarf RIND gewolft, 22 x 1 kg" title="Fertigbarf RIND gewolft, 22 x 1 kg"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/fertigbarf-hund-rind-sparpaket-22kg" :id="`slide-desc-318-${$id('slider-id')}`">
Fertigbarf RIND gewolft, 22 x 1 kg </a>
</div>
<script>
function initPriceBox__66a7178b043ea() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">4,04 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">4,04 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-318.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="318" data-price-box="product-id-318">
<span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D318']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D318')" data-price-amount="88.88" data-price-type="finalPrice" class="price-wrapper "><span class="price">88,88 €</span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D318']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D318')" data-price-amount="98.58" data-price-type="oldPrice" class="price-wrapper "><span class="price">98,58 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">4,04 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178b043ea: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178b043ea > min ? qty_66a7178b043ea-- : qty_66a7178b043ea">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178b043ea">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178b043ea < max ? qty_66a7178b043ea++ : qty_66a7178b043ea">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Fertigbarf RIND gewolft, 22 x 1 kg">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/320/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/320/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="320">
<a href="https://www.meisterbarf.de/barf/fertigbarf-rind-ohne-pansen-sparpaket-22kg" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8305_fertigbarf_rind_ohne_pansen_1kg_napf_1-f20fc71c.webp" loading="lazy" width="360" height="360" alt="Art. 8305 Fertigbarf RIND ohne Pansen gewolft, 1 kg" title="Art. 8305 Fertigbarf RIND ohne Pansen gewolft, 1 kg" @update-gallery-320.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-320.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8305_fertigbarf_rind_ohne_pansen_1kg_napf_1.jpg" loading="lazy" width="360" height="360" alt="Art. 8305 Fertigbarf RIND ohne Pansen gewolft, 1 kg" title="Art. 8305 Fertigbarf RIND ohne Pansen gewolft, 1 kg"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/fertigbarf-rind-ohne-pansen-sparpaket-22kg" :id="`slide-desc-320-${$id('slider-id')}`">
Fertigbarf RIND ohne Pansen gewolft, 22 x 1 kg </a>
</div>
<script>
function initPriceBox__66a7178b0fb53() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">4,21 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">4,21 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-320.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="320" data-price-box="product-id-320">
<span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D320']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D320')" data-price-amount="92.58" data-price-type="finalPrice" class="price-wrapper "><span class="price">92,58 €</span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D320']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D320')" data-price-amount="102.96" data-price-type="oldPrice" class="price-wrapper "><span class="price">102,96 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">4,21 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178b0fb53: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178b0fb53 > min ? qty_66a7178b0fb53-- : qty_66a7178b0fb53">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178b0fb53">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178b0fb53 < max ? qty_66a7178b0fb53++ : qty_66a7178b0fb53">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Fertigbarf RIND ohne Pansen gewolft, 22 x 1 kg">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/330/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/330/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="330">
<a href="https://www.meisterbarf.de/barf/fertigbarf-katze-menue" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/f/e/fertigbarf_cat_men_-fa4682c6.webp" loading="lazy" width="360" height="360" alt="Art. 8391 Fertigbarf CAT Menü, 40 x 250 g" title="Art. 8391 Fertigbarf CAT Menü, 40 x 250 g" @update-gallery-330.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-330.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/f/e/fertigbarf_cat_men_.jpg" loading="lazy" width="360" height="360" alt="Art. 8391 Fertigbarf CAT Menü, 40 x 250 g" title="Art. 8391 Fertigbarf CAT Menü, 40 x 250 g"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-6 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_cat_v3.png'); background-repeat: no-repeat; width:31px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/fertigbarf-katze-menue" :id="`slide-desc-330-${$id('slider-id')}`">
Fertigbarf CAT Menü gewolft, 40 x 250 g </a>
</div>
<script>
function initPriceBox__66a7178b19087() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">7,58 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">7,58 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-330.window="updatePrice($event.detail);" x-ignore="">
<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" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D330')" data-price-amount="75.78" data-price-type="finalPrice" class="price-wrapper "><span class="price">75,78 €</span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D330']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D330')" data-price-amount="84.2" data-price-type="oldPrice" class="price-wrapper "><span class="price">84,20 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">7,58 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178b19087: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178b19087 > min ? qty_66a7178b19087-- : qty_66a7178b19087">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178b19087">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178b19087 < max ? qty_66a7178b19087++ : qty_66a7178b19087">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Fertigbarf CAT Menü gewolft, 40 x 250 g">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/326/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/326/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="326">
<a href="https://www.meisterbarf.de/barf/fertigbarf-pferd-gewolft-22kg" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8317_fertigbarf_pferd_1kg_napf_1-75d85d35.webp" loading="lazy" width="360" height="360" alt="Art. 8317 Fertigbarf PFERD gewolft, 1 kg" title="Art. 8317 Fertigbarf PFERD gewolft, 1 kg" @update-gallery-326.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-326.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8317_fertigbarf_pferd_1kg_napf_1.jpg" loading="lazy" width="360" height="360" alt="Art. 8317 Fertigbarf PFERD gewolft, 1 kg" title="Art. 8317 Fertigbarf PFERD gewolft, 1 kg"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/fertigbarf-pferd-gewolft-22kg" :id="`slide-desc-326-${$id('slider-id')}`">
Fertigbarf PFERD gewolft, 22 x 1 kg </a>
</div>
<script>
function initPriceBox__66a7178b22ddb() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">5,83 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">5,83 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-326.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="326" data-price-box="product-id-326">
<span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D326']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D326')" data-price-amount="128.28" data-price-type="finalPrice" class="price-wrapper "><span class="price">128,28 €</span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D326']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D326')" data-price-amount="142.56" data-price-type="oldPrice" class="price-wrapper "><span class="price">142,56 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">5,83 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178b22ddb: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178b22ddb > min ? qty_66a7178b22ddb-- : qty_66a7178b22ddb">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178b22ddb">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178b22ddb < max ? qty_66a7178b22ddb++ : qty_66a7178b22ddb">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Fertigbarf PFERD gewolft, 22 x 1 kg">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/325/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/325/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="325">
<a href="https://www.meisterbarf.de/barf/fertigbarf-lamm-ohne-pansen-gewolft-22kg" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8354_fertigbarf_lamm_ohne_pansen_1kg_napf_1-3ae0701b.webp" loading="lazy" width="360" height="360" alt="Art. 8354 Fertigbarf LAMM ohne Pansen gewolft, 1 kg" title="Art. 8354 Fertigbarf LAMM ohne Pansen gewolft, 1 kg" @update-gallery-325.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-325.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8354_fertigbarf_lamm_ohne_pansen_1kg_napf_1.jpg" loading="lazy" width="360" height="360" alt="Art. 8354 Fertigbarf LAMM ohne Pansen gewolft, 1 kg" title="Art. 8354 Fertigbarf LAMM ohne Pansen gewolft, 1 kg"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/fertigbarf-lamm-ohne-pansen-gewolft-22kg" :id="`slide-desc-325-${$id('slider-id')}`">
Fertigbarf LAMM ohne Pansen gewolft, 22 x 1 kg </a>
</div>
<script>
function initPriceBox__66a7178b2c641() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">5,39 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">5,39 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-325.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="325" data-price-box="product-id-325">
<span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D325']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D325')" data-price-amount="118.48" data-price-type="finalPrice" class="price-wrapper "><span class="price">118,48 €</span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D325']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D325')" data-price-amount="131.56" data-price-type="oldPrice" class="price-wrapper "><span class="price">131,56 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">5,39 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178b2c641: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178b2c641 > min ? qty_66a7178b2c641-- : qty_66a7178b2c641">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178b2c641">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178b2c641 < max ? qty_66a7178b2c641++ : qty_66a7178b2c641">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Fertigbarf LAMM ohne Pansen gewolft, 22 x 1 kg">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/323/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/323/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="323">
<a href="https://www.meisterbarf.de/barf/fertigbarf-lachs-gewolft-22kg" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8311_fertigbarf_lachs_1kg_napf_1-3bb44a12.webp" loading="lazy" width="360" height="360" alt="Art. 8311 Fertigbarf LACHS gewolft, 22 x 1 kg" title="Art. 8311 Fertigbarf LACHS gewolft, 22 x 1 kg" @update-gallery-323.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-323.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8311_fertigbarf_lachs_1kg_napf_1.jpg" loading="lazy" width="360" height="360" alt="Art. 8311 Fertigbarf LACHS gewolft, 22 x 1 kg" title="Art. 8311 Fertigbarf LACHS gewolft, 22 x 1 kg"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/fertigbarf-lachs-gewolft-22kg" :id="`slide-desc-323-${$id('slider-id')}`">
Fertigbarf LACHS gewolft, 22 x 1 kg </a>
</div>
<script>
function initPriceBox__66a7178b37c17() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">4,21 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">4,21 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-323.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="323" data-price-box="product-id-323">
<span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D323']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D323')" data-price-amount="92.68" data-price-type="finalPrice" class="price-wrapper "><span class="price">92,68 €</span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D323']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D323')" data-price-amount="102.96" data-price-type="oldPrice" class="price-wrapper "><span class="price">102,96 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">4,21 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178b37c17: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178b37c17 > min ? qty_66a7178b37c17-- : qty_66a7178b37c17">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178b37c17">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178b37c17 < max ? qty_66a7178b37c17++ : qty_66a7178b37c17">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Fertigbarf LACHS gewolft, 22 x 1 kg">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/324/
<form method="post" action="https://www.meisterbarf.de/checkout/cart/add/uenc/%25uenc%25/product/324/" class="item product product-item product_addtocart_form card card-interactive flex flex-col h-full w-full ">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="hidden" name="product" value="324">
<a href="https://www.meisterbarf.de/barf/fertigbarf-lamm-22kg" class="product photo product-item-photo block relative mx-auto mb-3 " tabindex="-1">
<picture class="hover:shadow-sm object-contain product-image-photo"><source type="image/webp" srcset="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8314_fertigbarf_lamm_1kg_napf_1-6c5136f7.webp" loading="lazy" width="360" height="360" alt="Art. 8314 Fertigbarf LAMM gewolft, 1 kg" title="Art. 8314 Fertigbarf LAMM gewolft, 1 kg" @update-gallery-324.window="$root.src = $event.detail"><img class="hover:shadow-sm object-contain product-image-photo" x-data="" @update-gallery-324.window="$root.src = $event.detail" src="https://media.meisterbarf.de/media/catalog/product/cache/4093fa81c477130460acc0e453d2d14d/a/r/art._8314_fertigbarf_lamm_1kg_napf_1.jpg" loading="lazy" width="360" height="360" alt="Art. 8314 Fertigbarf LAMM gewolft, 1 kg" title="Art. 8314 Fertigbarf LAMM gewolft, 1 kg"></picture>
<div class="cataloglabel cataloglabel-placeholder placeholder-label-bottom-right position-BR direction-horizontal">
<span class="cataloglabel-label-bottom-right cataloglabel-list cataloglabel-display-1 cataloglabel-template-rounded"><div class="shape-rounded">
NEU
</div></span></div>
<div class="cataloglabel cataloglabel-placeholder placeholder-tkware position-TR direction-horizontal">
<div class="cataloglabel-tkware cataloglabel-both cataloglabel-display-4 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_label_frostware_v2.png'); background-repeat: no-repeat; width:30px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
<div class="cataloglabel cataloglabel-placeholder placeholder-icons-tierart position-TL direction-horizontal">
<div class="cataloglabel-icons-tierart cataloglabel-both cataloglabel-display-5 cataloglabel-template-none" style="background:url('https://media.meisterbarf.de/media/cataloglabel/mb_icon_tierart_hund_v3.png'); background-repeat: no-repeat; width:39px; height:30px; display: flex; justify-content: center; align-items: center;">
<span></span>
</div>
</div>
</a>
<div class="product-info product-info-decorated bg-container-darker pt-3 flex flex-col grow">
<div class="px-4 leading-6 mt-0 mb-2 items-center justify-center text-primary font-bold text-xl ">
<a class="product-item-link" href="https://www.meisterbarf.de/barf/fertigbarf-lamm-22kg" :id="`slide-desc-324-${$id('slider-id')}`">
Fertigbarf LAMM gewolft, 22 x 1 kg </a>
</div>
<script>
function initPriceBox__66a7178b41f7c() {
return {
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector('.normal-price .price-label');
let regularPriceElement = this.$root.querySelector('.normal-price [data-price-type=finalPrice].price-wrapper .price');
let basePriceElement = this.$root.querySelector('.normal-price [data-price-type=basePrice].price-wrapper .price');
let specialPriceElement = this.$root.querySelector('.special-price [data-price-type=finalPrice].price-wrapper .price');
let specialPriceContainer = this.$root.querySelector('.special-price');
let oldPriceElement = this.$root.querySelector('.old-price [data-price-type=oldPrice].price-wrapper .price');
let oldPriceContainer = this.$root.querySelector('.old-price');
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector('.baseprice');
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
/* don't show special and old price, only regular Element */
if (specialPriceContainer.classList.contains('special-price')) {
specialPriceContainer.classList.remove('special-price');
specialPriceContainer.classList.add('normal-price');
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add('hidden');
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector('.normal-price');
}
if (specialPriceContainer.classList.contains('normal-price')) {
specialPriceContainer.classList.remove('normal-price');
specialPriceContainer.classList.add('special-price');
}
if (oldPriceContainer.classList.contains('hidden')) {
oldPriceContainer.classList.remove('hidden');
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if (magenerdsBasePriceElement) {
if (priceData.magenerds_baseprice_text) {
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = '<span class="price">108,48 €</span> / 1 kg';
}
}
}
}
}
</script>
<div class="flex flex-row items-stretch grow py-1 px-4">
<div class="price-wrapper relative mt-auto text-primary basis-1/2 flex flex-col" x-data="{
updatePrice(priceData) {
let regularPriceLabel = this.$root.querySelector(".normal-price .price-label");
let regularPriceElement = this.$root.querySelector(".normal-price [data-price-type=finalPrice].price-wrapper .price");
let basePriceElement = this.$root.querySelector(".normal-price [data-price-type=basePrice].price-wrapper .price");
let specialPriceElement = this.$root.querySelector(".special-price [data-price-type=finalPrice].price-wrapper .price");
let specialPriceContainer = this.$root.querySelector(".special-price");
let oldPriceElement = this.$root.querySelector(".old-price [data-price-type=oldPrice].price-wrapper .price");
let oldPriceContainer = this.$root.querySelector(".old-price");
/* Magenerds Baseprice */
let magenerdsBasePriceElement = this.$root.querySelector(".baseprice");
/* Check if new priceData still has specialPrice */
let isSpecialPrice = (priceData.oldPrice.amount - priceData.finalPrice.amount) > 0.001;
if (!isSpecialPrice) {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
/* dont show special and old price, only regular Element */
if (specialPriceContainer.classList.contains("special-price")) {
specialPriceContainer.classList.remove("special-price");
specialPriceContainer.classList.add("normal-price");
if (oldPriceContainer !== null) {
oldPriceContainer.classList.add("hidden");
}
}
} else {
if (specialPriceContainer == null) {
specialPriceContainer = this.$root.querySelector(".normal-price");
}
if (specialPriceContainer.classList.contains("normal-price")) {
specialPriceContainer.classList.remove("normal-price");
specialPriceContainer.classList.add("special-price");
}
if (oldPriceContainer.classList.contains("hidden")) {
oldPriceContainer.classList.remove("hidden");
}
}
regularPriceElement && (regularPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
specialPriceElement && (specialPriceElement.innerText = hyva.formatPrice(priceData.finalPrice.amount));
oldPriceElement && (oldPriceElement.innerText = hyva.formatPrice(priceData.oldPrice.amount));
basePriceElement && (basePriceElement.innerText = hyva.formatPrice(priceData.basePrice.amount));
/* Magenerds Baseprice */
if(magenerdsBasePriceElement){
if(priceData.magenerds_baseprice_text){
magenerdsBasePriceElement.innerHTML = priceData.magenerds_baseprice_text;
} else {
/* Fallback if undefined after deselecting */
magenerdsBasePriceElement.innerHTML = "<span class=\"price\">108,48 €</span> / 1 kg";
}
}
}
}" x-defer="intersect" @update-prices-324.window="updatePrice($event.detail);" x-ignore="">
<div class="price-box price-final_price" data-role="priceBox" data-product-id="324" data-price-box="product-id-324">
<span class="special-price">
<span x-data="" x-id="['product\u002Dprice\u002D324']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Sonderangebot</span>
<span :id="$id('product\u002Dprice\u002D324')" data-price-amount="108.48" data-price-type="finalPrice" class="price-wrapper "><span class="price">108,48 €</span></span>
</span>
</span>
<span class="old-price">
<span x-data="" x-id="['old\u002Dprice\u002D324']" class="price-container price-final_price tax weee" x-defer="intersect" x-ignore="">
<span class="price-label">Normalpreis</span>
<span :id="$id('old\u002Dprice\u002D324')" data-price-amount="120.56" data-price-type="oldPrice" class="price-wrapper "><span class="price">120,56 €</span></span>
</span>
</span>
</div>
<div class="baseprice">
<span class="price">108,48 €</span> / 1 kg
</div>
</div>
<div class="text-[0.65rem] basis-1/2 mt-auto flex flex-col">Preise inkl. MwSt., inkl. Versandkosten**</div>
</div>
<div class="mt-1 flex flex-wrap justify-between items-center">
<div class="basis-1/2 flex justify-center h-12 border-t border-white" x-data="{ qty_66a7178b41f7c: 1, max: 99, min: 1 }" x-defer="intersect" x-ignore="">
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="decreaseQty" @click="qty_66a7178b41f7c > min ? qty_66a7178b41f7c-- : qty_66a7178b41f7c">-</span>
<div class="w-12 h-12 flex items-center justify-center basis-1/3">
<input type="text" inputmode="numeric" pattern="^\d{1,2}$" name="qty" class="w-8 h-8 border-1 border-primary rounded font-black text-center px-0.5 py-0.5" x-model="qty_66a7178b41f7c">
</div>
<span class="w-8 h-12 cursor-pointer flex items-center justify-center basis-1/3 text-2xl" id="increaseQty" @click="qty_66a7178b41f7c < max ? qty_66a7178b41f7c++ : qty_66a7178b41f7c">+</span>
</div>
<button class="basis-1/2 btn btn-secondary h-full justify-center text-sm text-right " aria-label="In den Warenkorb Fertigbarf LAMM gewolft, 22 x 1 kg">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="h-6 w-6 border-current inline" width="25" height="25" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 3h2l.4 2M7 13h10l4-8H5.4M7 13L5.4 5M7 13l-2.293 2.293c-.63.63-.184 1.707.707 1.707H17m0 0a2 2 0 100 4 2 2 0 000-4zm-8 2a2 2 0 11-4 0 2 2 0 014 0z"></path>
</svg>
</button>
</div>
</div>
</form>POST https://www.meisterbarf.de/newsletter/subscriber/new/
<form class="my-8 md:flex md:flex-wrap md:max-w-lg md:mx-auto" action="https://www.meisterbarf.de/newsletter/subscriber/new/" method="post" x-data="initNewsletterForm()" @submit.prevent="submitForm()" id="newsletter-validate-detail">
<label class="sr-only" for="newsletter-subscribe" aria-label="E-Mail-Adresse"> E-Mail-Adresse </label>
<input type="email" name="email" id="newsletter-subscribe" required="" placeholder="E-Mail-Adresse eingeben" class="form-input w-full p-3 mb-2 md:w-auto md:grow md:mb-0 border-none shadow-none">
<input name="form_key" type="hidden" value="xoIS8yMldYaXAX9x"> <input type="submit" value="Abonnieren" class="btn btn-primary uppercase text-center text-white shadow-none">
<div>
<template x-if="displayErrorMessage">
<p class="flex items-center text-red">
<span class="inline-block w-8 h-8 mr-3">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" width="24" height="24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
</span>
<template x-for="errorMessage in errorMessages">
<span x-html="errorMessage"></span>
</template>
</p>
</template>
</div>
<div class="w-full flex mt-2">
<div id="grecaptcha-container-Newsletter" class="g-recaptcha"></div>
<script>
'use strict';
(() => {
const containerId = 'grecaptcha\u002Dcontainer\u002DNewsletter';
const initRecaptcha = () => {
grecaptchaV2LoadCallbacks.push(() => {
window.grecaptchaInstanceNewsletter = window.grecaptcha.render(containerId, {
sitekey: '6LeNgcQpAAAAADhAPWK7XTFdzhsAMxYDl9p2uvqz',
callback: 'googleRecaptchaCallbackNewsletter',
size: 'invisible',
badge: 'inline',
});
});
};
// Dynamically rendered forms (eg. via Alpine or Magewire) are rendered post DOMContentLoaded event trigger
if (document.readyState !== 'loading') {
// Wait for 'nextTick' for alpine/magewire to finish re-rendering markup
setTimeout(() => {
initRecaptcha();
forceLoadRecaptchaScript(document.getElementById(containerId).closest('form'));
});
} else {
document.addEventListener('DOMContentLoaded', initRecaptcha);
}
})();
</script>
</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.
Direkt zum Inhalt
04627 - 963 97 88 Mo - Fr von 8 - 12:30 Uhr und 13 - 17 Uhr
user-add Konto erstellen
arrow-right-end-on-rectangle Anmelden
check Gute Qualität zum fairen Preis
check Versandkostenfrei ab 29 €**
check Tierärztliche Kooperation*
check Nachhaltiger Versand***
* Hund
* Alle Produkte
* Barf Fertigbarf
* Barf Fleisch
* Barf Komplettmenü
* Barf Gemüse
* Brühbarf
* Trockenbarf
* Barf Zusätze
* Barf Leckerli
* Barf Öl
* Barf Snack
* Fleischsorten
* Rind
* Lamm
* Huhn
* Pferd
* Kaninchen
* Pute
* Wild
* Fisch
* Ente
* Exoten
* Knochen & Knorpel
* Verarbeitung
* Gewolft
* Fleischwürfel
* Im Ganzen
* Getrocknet
* Gefriergetrocknet
* Gedünstet / Sous-vide
* Lebensphase
* Adult
* Junior
* Senior
* Allergie
* Übergewicht
* Gewichtszunahme
* Katze
* Alle Produkte
* Fertigbarf für Katzen
* Barf Fleisch für Katzen
* Trockenbarf für Katzen
* Brühbarf für Katzen
* Barf Komplettmenü für Katzen
* Barf Zusätze für Katzen
* Barf Öl für Katzen
* Barf Snack für Katzen
* Fleischsorten
* Rind für Katzen
* Lamm für Katzen
* Huhn für Katzen
* Pferd für Katzen
* Kaninchen für Katzen
* Pute für Katzen
* Wild für Katzen
* Fisch für Katzen
* Ente für Katzen
* Exoten für Katzen
* Knochen für Katzen
* Verarbeitung
* Gewolft
* Fleischwürfel
* Im Ganzen
* Getrocknet
* Gefriergetrocknet
* Gedünstet / Sous-vide
* Lebensphase
* Adult
* Junior
* Senior
* Allergie
* Übergewicht
* Gewichtszunahme
* Angebote
* SPARPAKETE für Hunde
* SPARPAKETE für Katzen
* BARF Ratgeber
* Über Meisterbarf®
* Hund
Toggle submenu for Hund
* Alle Produkte
* Barf Fertigbarf
* Barf Fleisch
* Barf Komplettmenü
* Barf Gemüse
* Brühbarf
* Trockenbarf
* Barf Zusätze
* Barf Leckerli
* Barf Öl
* Barf Snack
* Fleischsorten
* Rind
* Lamm
* Huhn
* Pferd
* Kaninchen
* Pute
* Wild
* Fisch
* Ente
* Exoten
* Knochen & Knorpel
* Verarbeitung
* Gewolft
* Fleischwürfel
* Im Ganzen
* Getrocknet
* Gefriergetrocknet
* Gedünstet / Sous-vide
* Lebensphase
* Adult
* Junior
* Senior
* Allergie
* Übergewicht
* Gewichtszunahme
* Katze
Toggle submenu for Katze
* Alle Produkte
* Fertigbarf für Katzen
* Barf Fleisch für Katzen
* Trockenbarf für Katzen
* Brühbarf für Katzen
* Barf Komplettmenü für Katzen
* Barf Zusätze für Katzen
* Barf Öl für Katzen
* Barf Snack für Katzen
* Fleischsorten
* Rind für Katzen
* Lamm für Katzen
* Huhn für Katzen
* Pferd für Katzen
* Kaninchen für Katzen
* Pute für Katzen
* Wild für Katzen
* Fisch für Katzen
* Ente für Katzen
* Exoten für Katzen
* Knochen für Katzen
* Verarbeitung
* Gewolft
* Fleischwürfel
* Im Ganzen
* Getrocknet
* Gefriergetrocknet
* Gedünstet / Sous-vide
* Lebensphase
* Adult
* Junior
* Senior
* Allergie
* Übergewicht
* Gewichtszunahme
* Angebote
Toggle submenu for Angebote
* * SPARPAKETE für Hunde
* SPARPAKETE für Katzen
* BARF Ratgeber
* Über Meisterbarf®
Shop durchsuchen...
Mini-Warenkorb umschalten, Warenkorb ist leer shopping-cart
x
Auschecken über Ihr Konto
E-Mail-Adresse
Passwort
Anmelden Passwort vergessen?
Als Neukunde auschecken
Ein Konto zu erstellen hat viele Vorteile:
* Bestellungen und Sendungen verfolgen
* Alte Bestellungen einsehen
* Schneller zur Kasse gehen
Konto erstellen
Füllstand Box
Es fehlen kg Tiefkühlware für die Mindestbestellmenge von 8 kg
Mindestbestellmenge für Tiefkühlware in Box erreicht.
Mein Warenkorb 10 von %1 Produkten im Warenkorb angezeigt
Warenkorb ist leer
Warenkorb ist leer
x
Artikelnummer:
:
Zwischensumme:
Kasse oder Warenkorb ansehen und bearbeiten
arrow-left Warenkorb schließen
loader
Laden...
Get a Quote for
Kundenname
Kunden-E-Mail
Telefonnummer
Kommentar
Absenden
Back to Top chevron-right
DER BARF-Shop deines Vertrauens mit tierärztlicher Kooperation*
Für Hunde Für Katzen
Direktversand durch deutschen Hersteller****
Gute Qualität & Faire Preise
Tierärztliche Kooperation*
Ohne Getreide, Zuckerzusatz und künstliche Konservierungsstoffe
Nachhaltiger Versand: CO2-neutral, in Isolierverpackungen aus Jute
BARF SHOP: BARF ONLINE BESTELLEN BEI MEISTERBARF
Der Barf Shop Meisterbarf ist der moderne Barf Online Shop, bei dem du alle Barf
Produkte kaufen kannst, die du für das artgerechte Barfen von Hunden und Katzen
benötigst. Mit tierärztlicher Beratung produziertes Barf Fleisch, Fertigbarf,
Trockenbarf sowie Barf Komplettmenüs, Barf Zusätze und Barf Öle findest du bei
uns alle in einem Shop.
BARF (auch B.A.R.F.) ist eine englische Abkürzung, die meist als Kurzversion für
Biologically Appropriate Raw Food (auf Deutsch: Biologisch artgerechte
Rohfütterung) verwendet wird. Barf ist rohe Tiernahrung für fleischfressende
Haustiere wie Hunde, Katzen und Frettchen, die zum größten Teil aus rohem
Fleisch und Fisch sowie frischen Innereien und Knochen besteht.
Bei Meisterbarf steht Barf zusätzlich für “biologisch artgerecht ratsam
füttern”, weil wir durch die tierärztliche Beratung von Dr. Astrid Dahl Barf
Produkte entwickeln konnten, die auf die individuellen Bedürfnisse des
jeweiligen Tieres eingehen. Unsere Barf Tiernahrung, die auf Grundlage der mehr
als 15-jährigen Erfahrung unserer Barf Experten Florian Kellner und René Mahnert
ausgewählt wurde, basiert auf den drei Säulen Barf, Trockenbarf (StockBARF) und
Sous-Vide Barf (BrühBARF).
BARF
Der Biologisch artgerechten Rohfütterung kurz Barf genannt, für alle gesunden
Karnivoren (Fleischfresser wie Hunde, Katzen und Frettchen)
BrühBARF
Brühbarf, schonend im Sous-vide Verfahren gegartes Fleisch und Innereien für
alle ernährungssensiblen Tiere, die Frischfleisch nicht oder nicht ausreichend
verdauen können
StockBARF
Stockbarf, nährstoffschonend gefriergetrocknetes Fleisch und Innereien für die
kleine Mahlzeit, den Urlaub oder als Belohnung, ohne Kühlung lange haltbar
BARF FUTTERFINDER
Rind Ente Lamm Pferd Wild Pute Kaninchen/Hase Ziege Huhn Fisch Exoten
Obst/Gemüse Knochen/Knorpel Schwein
Rind
Ente
Lamm
Pferd
Wild
Pute
Kaninchen/Hase
Ziege
Huhn
Fisch
Exoten
Obst/Gemüse
Knochen/Knorpel
Schwein
Barf Fertigbarf Barf Fleisch Barf Komplettmenü Brühbarf® Trockenbarf Barf
Zusätze Barf Leckerli Barf Wurst Barf Öl Barf in Dosen Barf Snack Bio Barf Barf
Gemüse
Barf Fertigbarf
Barf Fleisch
Barf Komplettmenü
Brühbarf®
Trockenbarf
Barf Zusätze
Barf Leckerli
Barf Wurst
Barf Öl
Barf in Dosen
Barf Snack
Bio Barf
Barf Gemüse
Adult Junior Senior Allergie Übergewicht Gewichtszunahme
Adult
Junior
Senior
Allergie
Übergewicht
Gewichtszunahme
gewolft Fleischwürfel am Stück im Ganzen gedünstet / Sous-vide gefriergetrocknet
getrocknet
gewolft
Fleischwürfel
am Stück
im Ganzen
gedünstet / Sous-vide
gefriergetrocknet
getrocknet
loader
Laden...
AKTION IM BARF SHOP
Mit der Tabulatortaste können Sie durch die Elemente des Karussells navigieren.
Mit den Skip-Links können Sie das Karussell überspringen oder direkt zur
Karussellnavigation wechseln. Clicken, um das Karussell zu überspringen Clicken,
um zur Karussell-Navigation zu gelangen
NEU
Rinderpansen grün gewolft
Sonderangebot 0,88 € Normalpreis 1,18 €
1,76 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Pansen-Mix gewolft
Sonderangebot 1,68 € Normalpreis 1,88 €
6,72 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf RIND gewolft, 22 x 1 kg
Sonderangebot 88,88 € Normalpreis 98,58 €
4,04 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf RIND ohne Pansen gewolft, 22 x 1 kg
Sonderangebot 92,58 € Normalpreis 102,96 €
4,21 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf CAT Menü gewolft, 40 x 250 g
Sonderangebot 75,78 € Normalpreis 84,20 €
7,58 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf PFERD gewolft, 22 x 1 kg
Sonderangebot 128,28 € Normalpreis 142,56 €
5,83 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf LAMM ohne Pansen gewolft, 22 x 1 kg
Sonderangebot 118,48 € Normalpreis 131,56 €
5,39 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf LACHS gewolft, 22 x 1 kg
Sonderangebot 92,68 € Normalpreis 102,96 €
4,21 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf LAMM gewolft, 22 x 1 kg
Sonderangebot 108,48 € Normalpreis 120,56 €
108,48 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
-
+
NEU
Fertigbarf KANINCHEN gewolft, 22 x 1 kg
Sonderangebot 98,58 € Normalpreis 109,56 €
4,48 € / 1 kg
Preise inkl. MwSt., inkl. Versandkosten**
Nicht auf Lager
10% NEUKUNDENRABATT
Neu hier? Nach deiner Registrierung erhältst du als Neukunde 10% Rabatt auf
deinen ersten Einkauf!
Der Rabatt wird automatisch an der Kasse abgezogen.
WAS IST BARF?
BARF ist eine Ernährungsmethode für fleischfressende Haustiere wie Hunde, Katzen
und Frettchen, bei der größtenteils rohes Fleisch, Innereien und Knochen
verfüttert werden. Diese Zutaten werden um ca. 20% Gemüse bei Hunden und ca 5%
Gemüse bei Katzen ergänzt.
Das Barfen ist eine empfehlenswerte Ernährungsweise für Fleischfresser, weil es
den Nährstoffbedarf der Tiere vollständig deckt und gut verträglich ist. Das
Barf von Meisterbarf ist frei von zugesetzten Aromen, Geschmacksverstärkern und
Farbstoffen.
Der Trend der BARF-Fütterung entwickelte sich am Ende des 20. Jahrhunderts, als
der Tierarzt Dr. Ian Billinghurst gesundheitliche Probleme bei Hunden auf das
industriell verarbeitete Futter zurückführte. Sein 1993 veröffentlichtes Buch
„Give your dog a bone” war eines von vielen Werken, die in den nächsten Jahren
zum Thema Rohfütterung veröffentlicht wurden und dem Trend Barfen zu Aufwind
verhalfen.
WELCHE BARF PRODUKTE VERKAUFT MEISTERBARF?
Meisterbarf verkauft alle Barf Produkte, die für die artgerecht ratsame
Fütterung von Hunden und Katzen benötigt werden. Die folgenden Barf Varianten,
die sich in ihrer Zubereitungsart, Zusammensetzung und Eignung für
unterschiedliche Fleischfresser unterschieden, kann man bei uns kaufen.
* BARF Fleisch - Wild, Pferd, Rind, Ente, Fisch, Lamm, Huhn: Wir bieten
erstklassiges Barf Fleisch für Hunde und Katzen gewolft, in Stücken, am
Stück, getrocknet, Sous-Vide gegart und als Fertigbarf bzw. im Komplettmenü
an. Bei Barf Fleisch sind fettarme Fleischteile bei Unverträglichkeiten
häufig gut geeignet und für eine Ausschlussfütterung zu empfehlen.
* Fertigbarf: Fertigbarf ist eine vollständige Barf Mahlzeit für Hunde oder
Katzen, die alle benötigten Inhaltsstoffe wie Fleisch, Innereien und Gemüse
in den richtigen prozentualen Anteilen enthält, damit das Tier mit allen
notwendigen Nährstoffen versorgt ist. Der Kauf von Fertigbarf ist eine
zeitsparende Alternative dazu, die einzelnen Barf Bestandteile selbst
zusammenzustellen.
* BARF Komplettmenüs: Barf Komplettmenüs sind fertig zusammengestellte Barf
Gerichte, die alle Bedürfnisse deines Haustieres erfüllen. In unserem Barf
Shop bieten wir verschiedene Barf Komplettmenüs wie das Komplettmenü JUNIOR
oder SENIOR an, um Hunden in verschiedenem Alter eine auf sie abgestimmte
Ernährung zu füttern.
* Trockenbarf: Trockenbarf (auch Stockbarf genannt) bezeichnet getrocknete Barf
Produkte wie getrocknetes Fleisch und Innereien, die häufig als Leckerli oder
Snack verfüttert werden. Trockenbarf ist bei richtiger Lagerung besonders
lange (bis zu 24 Monate) haltbar und kann bei uns unter anderem vom Pferd,
Rind und Lamm in verschiedenen Varianten erworben werden.
* Sous-Vide Barf (Brühbarf): Sous-Vide Barf (auch Brühbarf genannt) sind Barf
Mahlzeiten, die im SOUS-Vide Verfahren besonders schonend gegart werden,
wodurch sie sehr gut verträglich sind. Das Brühbarf von Meisterbarf ist ein
hochwertiges Tierfutter, das gefroren geliefert wird.
* BARF Zusätze: Barf Zusätze sind Nahrungsergänzungsmittel für Hunde und Katzen
wie Mineralien, Vitamine, Vitalhefe, Algenkalk, Seealgenmehl oder
Eierschalenmehl, die zur Vervollständigung einer BARF-Fütterung eingesetzt
werden, damit das Haustier mit allen notwendigen Nährstoffen versorgt ist.
Alle Barf Zusätze, die du für deinen Welpen, ausgewachsenen Hund oder Senior
benötigst, findest du bei Meisterbarf.
* BARF Leckerli: Barf Leckerli sind getrocknete Barf Produkte für
zwischendurch, die bei Haustieren sehr beliebt sind. In unserem Barf Shop
können unter anderem Barf Leckerli vom Pferd, Rind, Lamm, Kaninchen, Wild,
Huhn, Ochsen, Schwein und Strauß bestellt werden.
* BARF Gemüse: Barf Gemüse ist ein wichtiger Teil der Ernährung beim Barfen,
damit die Vierbeiner gut mit Ballaststoffen versorgt sind. In unserem
Onlineshop findest du Obst-Gemüse-Mischungen für Hunde und Gemüse-Mischungen
für Katzen.
* BARF Öle: Unsere Barf Öle sind ein qualitativ hochwertiger Zusatz zu Barf
Mahlzeiten und sorgen bei richtiger Dosierung dafür, dass die Haustiere mit
ausreichend Omega 3 Fettsäuren, Vitamin D und Vitamin E versorgt sind.
ÜBER MEISTERBARF: BARF SHOP VON RENÉ MAHNERT & FLORIAN KELLNER
Meisterbarf ist der neue, weiterentwickelte Barf Shop der beiden Barf
Spezialisten Florian Kellner und René Mahnert, die hochwertiges Barf Futter seit
über 15 Jahren in Barf Online Shops vertreiben. In der folgenden Grußnachricht
stellen Florian und René sich und Meisterbarf vor.
> „Herzlich willkommen bei Meisterbarf, schön, dass du hier bist!
>
> Wir sind Flo & René, vermutlich werden wir dir bekannt vorkommen, denn wir
> haben mit unserem vorherigen Unternehmen 15 Jahre lang für das Wohl
> hunderttausender Hunde und Katzen gesorgt. Hier kannst du unsere Geschichte
> nachlesen.
>
> Mit Meisterbarf kehren wir zurück zu unseren Wurzeln und kümmern uns mit
> Tierärztin Astrid und den Fleischermeistern Lorenz und Wellem mit viel
> Herzblut, Leidenschaft und jahrzehntelanger Expertise darum, dass dein
> Vierbeiner richtig gutes artgerechtes Barf Fleisch, Brühbarf und Trockenbarf
> zu fairen Preisen direkt vom Hersteller zu euch nachhause geschickt bekommt.
>
> Wir freuen uns, gemeinsam mit dir ein neues Kapitel in unserem Leben zu
> schreiben.
>
> Dein
> Flo & René
Das Ziel von Meisterbarf ist es, Haustierhaltern eine artgerechte und gesunde
Ernährung ihrer Vierbeiner zu ermöglichen. Deswegen arbeiten wir eng mit der
Tierärztin Dr. med. vet. Astrid Dahl zusammen, deren Beratung die Grundlage für
unser gesamtes Barf Sortiment ist.
HOCHWERTIGES BARF DANK TIERÄRZTIN DR. ASTRID DAHL
Höchste Qualität der Barf Produkte hat bei Meisterbarf oberste Priorität. Eine
ganzheitliche Barf Beratung durch einen Tierarzt ist deswegen ein essentieller
Teil unseres Shop-Konzeptes. Dies erklärt uns die Tierärztin unseres Vertrauens,
Dr. med. vet. Astrid Dahl, im Folgenden in eigenen Worten.
> „Als Tierärztin mit eigener Praxis weiß ich, wie wichtig es ist, hochwertiges
> Hundefutter und Katzenfutter zu finden, das den Bedürfnissen unserer geliebten
> Vierbeiner gerecht wird.
>
> Unsere Mahlzeiten sind nach dem Beutetierprinzip konzipiert und enthalten nur
> von mir auserlesene Zutaten. Meisterbarf legt großen Wert auf eine ausgewogene
> Ernährung, die alle wichtigen Nährstoffe enthält, die dein Tier braucht, um
> fit und vital zu bleiben.
>
> Unser Futter ist nicht nur nahrhaft, sondern auch praktisch. Als Tierärztin
> mit einem vollen Terminkalender weiß ich, wie wichtig es ist, eine einfache
> und zeitsparende Lösung zu haben. Mit unserem Fütterungskonzept kannst du
> sicher sein, dass du deinem Tier nur das Beste bietest, ohne stundenlang in
> der Küche stehen zu müssen.
>
> Probiere es aus und lass dich selbst von deinem Tier von der Qualität unserer
> Mahlzeiten überzeugen. Dein Tier wird es dir danken. Gib deinem Tier die
> Ernährung, die es verdient - mit unserem biologisch artgerechten Futter von
> Meisterbarf.”
Dr. Astrid Dahl
BARF RATGEBER
Unsere Ratgeber beantworten die meist gestellten Fragen zum Thema Barfen.
WAS IST BARFEN? DEFINITION & BEDEUTUNG
Ein Artikel über die Definition und Bedeutung von Barf, seine Herkunft sowie
Vorteile und Risiken beim Barfen.
BARFEN FÜR ANFÄNGER - SCHRITT FÜR SCHRITT ANLEITUNG 2024
Unsere ausführliche Anleitung zum Barfen für Anfänger: Infos zu Eignung für
Tiere und Halter, das richtige Barf für den Anfang, die notwendige Ausstattung,
Dosierung, Fütterung uvm.
BARFEN FÜR HUNDE - ANLEITUNG 2024
Wie barft man einen Hund richtig? Infos zu Eignung, Ausstattung, Futtermenge,
Rezepten, Lagerung, Förderung, Hygiene und Risiken.
BARF: RICHTIGE FUTTERMENGE FÜR EINEN HUND PRO TAG
In diesem Artikel erfährst du, wie viel Gramm Barf Hunde pro Tag nominal und in
Prozent von ihrem Körpergewicht benötigen.
BARF: RICHTIGE FUTTERMENGE FÜR EINE KATZE PRO TAG
In diesem Artikel erfährst du, wie viel Gramm Barf Katzen pro Tag nominal und in
Prozent von ihrem Körpergewicht benötigen.
BARF PLAN: FUTTERPLAN FÜR HUND & KATZE
In diesem Artikel erfährst du, wie ein Barf Plan für Hunde und Katzen erstellt
wird, was die richtige Futtermenge pro Tag ist und erhältst Beispiele für Barf
Futterpläne.
FAQ
In diesem FAQ beantworten wir besonders häufig gestellte Fragen, deren Antworten
beim Kauf von Barf wichtig sind.
WIE VERSCHICKT MEISTERBARF DAS BARF?
Meisterbarf verschickt das Barf CO2 neutral mit DHL GoGreen. Der Standardversand
ist deutschlandweit ab einem Mindestbestellwert von 29 € kostenlos. Frostfleisch
und tiefgekühltes Barf werden ab 8 kg Mindestbestellmenge pro angefangenem
Karton in kälteisolierenden Jutebeuteln verschickt, die biologisch abbaubar sind
und in der Biotonne entsorgt werden können.
WER HAT MEISTERBARF GEGRÜNDET?
Die Barf Experten Florian Kellner und René Mahnert haben Meisterbarf gegründet.
WOHER BEKOMMT MEISTERBARF DAS BARF?
Meisterbarf bekommt sein Barf aus zugelassenen Futtermittelbetrieben, die
regelmäßig unangemeldet durch die staatliche Vererinäraufsicht kontrolliert
werden. Barf, Brühbarf, Stockbarf werden in Ellingstedt unter höchsten
hygienischen Standards produziert.
WIE LAGERT MAN BARF?
Wie man Barf lagert, hängt von der Barf Variante ab. Tiefgekühltes Barf wird bei
-18 Grad Celsius in der Tiefkühltruhe und nach dem Auftauen für maximal drei
Tage im Kühlschrank gelagert. Getrocknetes Barf wird lichtgeschützt, trocken und
kühl gelagert.
WIE FÜTTERT MAN BARF?
Wie man Barf füttert, hängt von der Tierart ab. Hunde erhalten bei der Fütterung
ca. 80% Barf Fleisch durch Innereien und Knochen/Knorpel sowie ca. 20% Obst und
Gemüse. Katzen füttert man Barf mit ca. 95% Barf Fleisch und Innereien sowie ca.
5% Gemüse.
WIE KANN ICH MEISTERBARF KONTAKTIEREN?
Du kannst Meisterbarf per Mail oder Kontaktformular kontaktieren. Die E-Mail
Adresse von Meisterbarf ist service@meisterbarf.de. Das Kontaktformular findest
du auf unserer Kontakt Seite.
MEISTERBARF® - BARF SHOP SERVICE
SERVICE
* Zahlungsarten
* Versand
* Kundenservice
* Über Meisterbarf®
* Züchterkonditionen
* Fachhandel
DEINE VORTEILE BEI MEISTERBARF®
* Direktversand durch deutschen Hersteller****
* Alleinfutter mit Rezepturen vom Tierarzt*
* Nachhaltig und verantwortungsvoll***
* Kostenloser Versand**
BARF RATGEBER
* Barfen für Hunde
* Barfen für Anfänger
* Was ist Barfen?
* FAQ
KONTAKT
Meisterbarf GmbH
Wittsiek 18
24870 Ellingstedt
Tel.: 04627 9639788
Montag bis Freitag von 8 bis 12:30 Uhr und von 13 bis 17 Uhr
(außer an gesetzlichen Feiertagen)
E-Mail: service@meisterbarf.de
Der Meisterbarf-Newsletter
Ich will nichts verpassen! Bitte sendet mir entsprechend eurer
Datenschutzerklärung regelmäßig und jederzeit widerruflich Informationen zu
folgendem Produktsortiment per E-Mail zu: BARF Fleisch, BARF Fertigbarf, BARF
Komplettmenü, Brühbarf, STOCKBARF, Trockenbarf, Barf Zusätze, Barf Leckerli,
Barf Gemüse
E-Mail-Adresse
* Impressum
* AGB & Kundeninformationen
* Widerrufsbelehrung & -formular
* Datenschutz
© 2024 Meisterbarf GmbH
* Dr. med. vet. Astrid Dahl ist Rezeptgeberin für die von Meisterbarf
vertriebenen Alleinfuttermittel. Darüber hinaus steht sie Meisterbarf beratend
bei allen Produkten und ernährungswissenschaftlichen Fragen rund um die
natürliche Fütterung von Hunden und Katzen zur Seite.
** Gilt für Lieferungen nach Deutschland bei Standardversand. Dein Paket
versenden wir unter der Berücksichtigung des Mindestbestellwertes von 29 € und
der Mindestbestellmenge von 8 kg für Tiefkühlartikel pro angefangenem Paket,
deutschlandweit versandkostenfrei im Standardversand per DHL GoGreen. Die
Lieferzeit berechnet sich ab dem Zeitraum deiner Bestellung bis Eintreffen der
Ware bei dir. Bitte beachte, dass es im Standardversand keine Laufzeitgarantie
gibt und Pakete nach Abgang bis zu 3 Tage (72 Stunden) unterwegs sein können.
Das Abgangsdatum legst du an der Kasse selbst fest. Bitte beachte, dass wir bei
der Zahlungsart Vorkasse erst nach Zahlungseingang am nächstmöglichen Versandtag
versenden.
*** Meisterbarf versendet dein Paket im Standardversand klimafreundlich mit DHL
GoGreen. Die Emissionen, die durch den Versand entstehen, werden seitens DHL
durch Investitionen in weltweite Klimaschutzprojekte ausgeglichen. Der Versand
von Tiefkühlartikeln erfolgt in kälteisolierenden Jutebeuteln. Jute ist ein
nachwachsender Rohstoff, der zu 100 % biologisch abbaubar ist.
**** Meisterbarf Barf, Brühbarf und Stockbarf werden direkt vom deutschen
Hersteller verschickt. Kauartikel und Barf Zusätze werden von deutschen Firmen
zugeliefert und von Ellingstedt aus versendet.
FAQ / Hilfe Kontakt