Startseite_Zu

<!doctype html>
<html class="no-js" lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=5.0">
<meta name="theme-color" content="#646464"><title>ratz-fatz.com - 50.000 Produkte in 3 Stunden für 1 Euro/Tag
</title><meta name="description" content="ratz-fatz.com ist Große Auswahl und Schnelle Lieferung. Ausgeliefert: Liefert gar nicht mehr!"><link rel="canonical" href="https://ratz-fatz.com/"><link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/0437/3682/6022/files/favicon-96x96_96x96.png?v=1614296739" type="image/png"><link rel="preload" as="style" href="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/theme.css?v=54599090257477981301628860024">
<link rel="preload" as="script" href="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/theme.min.js?v=99002669913571544291642699177">
<link rel="preconnect" href="https://cdn.shopify.com">
<link rel="preconnect" href="https://fonts.shopifycdn.com">
<link rel="dns-prefetch" href="https://productreviews.shopifycdn.com">
<link rel="dns-prefetch" href="https://ajax.googleapis.com">
<link rel="dns-prefetch" href="https://maps.googleapis.com">
<link rel="dns-prefetch" href="https://maps.gstatic.com">
<meta property="og:type" content="website">
<meta property="og:title" content="ratz-fatz.com - 50.000 Produkte in 3 Stunden für 1 Euro/Tag"><meta property="og:description" content="ratz-fatz.com ist Große Auswahl und Schnelle Lieferung. Ausgeliefert: Liefert gar nicht mehr!"><meta property="og:url" content="https://ratz-fatz.com/">
<meta property="og:site_name" content="ratz-fatz.com "><meta name="twitter:card" content="summary"><meta name="twitter:title" content="ratz-fatz.com - 50.000 Produkte in 3 Stunden für 1 Euro/Tag">
<meta name="twitter:description" content="ratz-fatz.com ist Große Auswahl und Schnelle Lieferung. Ausgeliefert: Liefert gar nicht mehr!">
<link rel="preload" href="https://fonts.shopifycdn.com/din_next/dinnext_n5.9de62f474792d83a5c7487ba13c73b05f03f03c7.woff2?h1=cmF0ei1mYXR6LmNvbQ&hmac=4545d41d72fa4feaa3a7d071a99a6c5ba23919cd08f712cefa11b38d2b77b82c" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="https://fonts.shopifycdn.com/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=cmF0ei1mYXR6LmNvbQ&hmac=aa42b1bab0d38d0c16eb5732da04dd1dfffb41cc1edc704f659aa9cd6e075407" as="font" type="font/woff2" crossorigin>
<style>
@font-face {
font-family: "DIN Next";
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("https://fonts.shopifycdn.com/din_next/dinnext_n5.9de62f474792d83a5c7487ba13c73b05f03f03c7.woff2?h1=cmF0ei1mYXR6LmNvbQ&hmac=4545d41d72fa4feaa3a7d071a99a6c5ba23919cd08f712cefa11b38d2b77b82c") format("woff2"),
url("https://fonts.shopifycdn.com/din_next/dinnext_n5.780618dec464e6222d24888730ca26e0ca6ad6af.woff?h1=cmF0ei1mYXR6LmNvbQ&hmac=b3848c97e0c68f9f58b70683dd11ffa8e574515724c0ed1049f525ada9e255f1") format("woff");
}
@font-face {
font-family: Assistant;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("https://fonts.shopifycdn.com/assistant/assistant_n4.bcd3d09dcb631dec5544b8fb7b154ff234a44630.woff2?h1=cmF0ei1mYXR6LmNvbQ&hmac=aa42b1bab0d38d0c16eb5732da04dd1dfffb41cc1edc704f659aa9cd6e075407") format("woff2"),
url("https://fonts.shopifycdn.com/assistant/assistant_n4.a2d012304becc2a26f1ded1acc136fcab85c9afd.woff?h1=cmF0ei1mYXR6LmNvbQ&hmac=6d32c8b74eb60cf2a774ac96eb171b9dc07b91dc2fa6a9a26046ffdfea969d0e") format("woff");
}
@font-face {
font-family: Assistant;
font-weight: 600;
font-style: normal;
font-display: swap;
src: url("https://fonts.shopifycdn.com/assistant/assistant_n6.839c78d596129444922cad85799f3e4bffc9fc19.woff2?h1=cmF0ei1mYXR6LmNvbQ&hmac=968a57946d3805c144ed7c4ae1d2f23e0f9a1fbe686749333ee7da15deaa92c9") format("woff2"),
url("https://fonts.shopifycdn.com/assistant/assistant_n6.7fe336638212d1ced72174e8532df00dbc2738e5.woff?h1=cmF0ei1mYXR6LmNvbQ&hmac=d5f5df5b38c451824081cf2080c7fbb2f60155870acecd4cc00beff042ed5fc4") format("woff");
}
@font-face {
font-family: "DIN Next";
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("https://fonts.shopifycdn.com/din_next/dinnext_i5.6181c1c6bd79a156767a82929b9c449117ad57ca.woff2?h1=cmF0ei1mYXR6LmNvbQ&hmac=9d490d90b544e010110cd3139e862e03149de263edbd2e00565be2e3b52cc1c2") format("woff2"),
url("https://fonts.shopifycdn.com/din_next/dinnext_i5.8a0b77e365efc8daea9a021f4043f6d7046af5bb.woff?h1=cmF0ei1mYXR6LmNvbQ&hmac=1476e0916ba62cfbff281ac45eb58bd4926f507c1927764daa92b8b43371f5b0") format("woff");
}
@font-face {
font-family: Assistant;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("https://fonts.shopifycdn.com/assistant/assistant_n7.3335c7bdaddf2501ddab87cdbd9be98f3870e10d.woff2?h1=cmF0ei1mYXR6LmNvbQ&hmac=9035c86f1a3e5228fbee2fef19c382183c4f040a3fb3ec0b67e7a295903ca597") format("woff2"),
url("https://fonts.shopifycdn.com/assistant/assistant_n7.7c85f5c5cc1555de92cc7ef2790ee3cffe5237f5.woff?h1=cmF0ei1mYXR6LmNvbQ&hmac=1fd58c6aa9f8d9e6d75c5ab3b03c0609e0819da713c98ba8ffa7a571588b5ef2") format("woff");
}
:root {
--default-text-font-size : 15px;
--base-text-font-size : 17px;
--heading-font-family : "DIN Next", sans-serif;
--heading-font-weight : 500;
--heading-font-style : normal;
--text-font-family : Assistant, sans-serif;
--text-font-weight : 400;
--text-font-style : normal;
--text-font-bolder-weight: 600;
--text-link-decoration : underline;
--text-color : #677279;
--text-color-rgb : 103, 114, 121;
--heading-color : #000000;
--border-color : #a9aaab;
--border-color-rgb : 169, 170, 171;
--form-border-color : #9c9d9e;
--accent-color : #646464;
--accent-color-rgb : 100, 100, 100;
--link-color : #00badb;
--link-color-hover : #00798e;
--background : #f3f5f6;
--secondary-background : #ffffff;
--secondary-background-rgb : 255, 255, 255;
--accent-background : rgba(100, 100, 100, 0.08);
--input-background: #ffffff;
--error-color : #ff0000;
--error-background : rgba(255, 0, 0, 0.07);
--success-color : #00aa00;
--success-background: rgba(0, 170, 0, 0.11);
--primary-button-background : #ff644b;
--primary-button-background-rgb : 255, 100, 75;
--primary-button-text-color : #ffffff;
--secondary-button-background : #ffffff;
--secondary-button-background-rgb: 255, 255, 255;
--secondary-button-text-color : #000000;
--header-background : #64145f;
--header-text-color : #ffffff;
--header-light-text-color: #ffc82d;
--header-border-color : rgba(255, 200, 45, 0.3);
--header-accent-color : #ff644b;
--footer-background-color: #64145f;
--footer-heading-text-color: #ffc82d;
--footer-body-text-color: #ffffff;
--footer-accent-color: #ff644b;
--footer-accent-color-rgb: 255, 100, 75;
--footer-border: none;
--flickity-arrow-color: #767778;--product-on-sale-accent : #ee0000;
--product-on-sale-accent-rgb : 238, 0, 0;
--product-on-sale-color : #ffffff;
--product-in-stock-color : #008a00;
--product-low-stock-color : #ee0000;
--product-sold-out-color : #8a9297;
--product-custom-label-1-background: #008a00;
--product-custom-label-1-color : #ffffff;
--product-custom-label-2-background: #00a500;
--product-custom-label-2-color : #ffffff;
--product-review-star-color : #ffbd00;
--mobile-container-gutter : 20px;
--desktop-container-gutter: 40px;
}
</style>
<script>
// IE11 does not have support for CSS variables, so we have to polyfill them
if (!(((window || {}).CSS || {}).supports && window.CSS.supports('(--a: 0)'))) {
const script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'https://cdn.jsdelivr.net/npm/css-vars-ponyfill@2';
script.onload = function() {
cssVars({});
};
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/43736826022/digital_wallets/dialog">
<script id="shopify-features" type="application/json">{"accessToken":"6d080d249c0b5ec3cb0b2c20450b0c45","betas":["rich-media-storefront-analytics"],"domain":"ratz-fatz.com","predictiveSearch":true,"shopId":43736826022,"smart_payment_buttons_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.de.js?v=2","dynamic_checkout_cart_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.de.js?v=2","locale":"de","optimusEnabled":false}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "catapultshop.myshopify.com";
Shopify.locale = "de";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "DE";
Shopify.theme = {"name":"Warehouse [Live 2021-08-12]","id":125721641138,"theme_store_id":871,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "cdn.shopify.com";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>(function() {
function asyncLoad() {
var urls = ["https:\/\/restrict-by-zipcode.herokuapp.com\/public\/script-tags\/zipcode-restriction.min.js?shop=catapultshop.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":43736826022,"offset":3600,"reqid":"aa7a9745-e131-4366-9316-ba5d4b994d97","pageurl":"ratz-fatz.com\/","t":"prospect","u":"bc1e6471aee8","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>!function(o){o.addEventListener("DOMContentLoaded",function(){window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"};var t=['form[action*="/contact"] input[name="form_type"][value="contact"]','form[action*="/comments"] input[name="form_type"][value="new_comment"]','form[action*="/account"] input[name="form_type"][value="customer_login"]','form[action*="/account"] input[name="form_type"][value="recover_customer_password"]','form[action*="/account"] input[name="form_type"][value="create_customer"]','form[action*="/contact"] input[name="form_type"][value="customer"]'].join(",");function n(e){e=e.target;null==e||null!=(e=function e(t,n){if(null==t.parentElement)return null;if("FORM"!=t.parentElement.tagName)return e(t.parentElement,n);for(var o=t.parentElement.action,r=0;r<n.length;r++)if(-1!==o.indexOf(n[r]))return t.parentElement;return null}(e,["/contact","/comments","/account"]))&&null!=e.querySelector(t)&&((e=o.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.6/index.js"),o.body.appendChild(e),o.removeEventListener("focus",n,!0),o.removeEventListener("change",n,!0),o.removeEventListener("click",n,!0))}o.addEventListener("click",n,!0),o.addEventListener("change",n,!0),o.addEventListener("focus",n,!0)})}(document);</script>
<script integrity="sha256-pfEFLtGor1q9LzHf7xpslSiKa+MZ45v9cHL18ZbWNhI=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-a5f1052ed1a8af5abd2f31dfef1a6c95288a6be319e39bfd7072f5f196d63612.js" crossorigin="anonymous"></script>
<script integrity="sha256-h+g5mYiIAULyxidxudjy/2wpCz/3Rd1CbrDf4NudHa4=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/features-87e8399988880142f2c62771b9d8f2ff6c290b3ff745dd426eb0dfe0db9d1dae.js" crossorigin="anonymous"></script>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<script type="text/javascript">
function initAppmate(Appmate){
var wkSettings = {
shop: {
domain: 'ratz-fatz.com',
permanent_domain: 'catapultshop.myshopify.com',
currency: 'EUR',
name: 'ratz-fatz.com '
},
session: {
customer: '',
customer_email: '',
},
globals: {
settings: {
app_wk_icon: 'heart',
app_wk_products_per_row: 4,
money_format: '€{{amount_with_comma_separator}}',
root_url: ''
},
locale: {
wishlist: "Favoritenliste",
wishlist_empty_note: "Bisher keine Produkte auf der Favoritenliste. Klicke auf das Herz bei den Produkten, die du zur Favoritenliste hinzufügen möchtest. ",
add_to_wishlist: "Auf die Favoritenliste",
remove_from_wishlist: "Von der Favoritenliste entfernen",
clear_wishlist: "Favoritenliste leeren",
in_wishlist: "Ist auf der Favoritenliste",
share_wishlist: "Favoritenliste teilen ",
copy_share_link: "Link kopieren",
share_link_copied: "Link kopiert",
share_by_email_body: "Hier ist der Link zu meiner Favoritenliste bei ratz-fatz.com: ",
login_or_signup_note: "Um die Favoritenliste zu speichern <a href='/account/login'>log dich hier ein</a> oder <a href='/account/register'>registriere dich hier</a>.",
add_to_cart: "In den Warenkorb",
sold_out: "Ausverkauft",
view_product: "Zum Produkt",
view_wishlist: "Favoritenliste zeigen",
share_on_facebook: "Auf Facebook teilen",
share_on_twitter: "Auf Twitter teilen",
share_on_pinterest: "Auf Pinterest teilen",
share_with_whatsapp: "Mit WhatsApp versenden ",
share_by_email: "Per E-Mail teilen",
get_link: "Gibt mir den Link ",
send_to_customer_service: "Zum Kundendienst senden",
buy_all_items: "Alle Artikel in den Warenkorb",
},
customer: '',
customer_accounts_enabled: true,
},
wishlist: {
filter: function(product) {
return !product.hidden;
},
loginRequired: true,
handle: "/pages/wishlist",
proxyHandle: "/a/wk",
share: {
handle: "/pages/shared-wishlist",
title: "Meine Favoritenliste",
description: "Schau dir meine Favoritenliste bei ratz-fatz.com an: ",
imageTitle: Appmate.config.shop.name,
hashTags: 'wishlist',
twitterUser: false
}
}
};
Appmate.wk.on({
'click [data-wk-add-product]': eventHandler(function(){
var productId = this.getAttribute('data-wk-add-product');
var select = Appmate.wk.$(this).parents('form').find('select[name="id"]');
var variantId = select.length ? select.val() : undefined;
Appmate.wk.addProduct(productId, variantId);
}),
'click [data-wk-remove-product]': eventHandler(function(){
var productId = this.getAttribute('data-wk-remove-product');
Appmate.wk.removeProduct(productId);
}),
'click [data-wk-remove-item]': eventHandler(function(){
var itemId = this.getAttribute('data-wk-remove-item');
if(this.getAttribute('data-type') == "wishlist"){
var element = document.getElementById(this.parentNode.parentNode.parentNode.id);
element.remove();
}
fadeOrNot(this, function() {
Appmate.wk.removeItem(itemId);
});
}),
'click [data-wk-clear-wishlist]': eventHandler(function(){
var wishlistId = this.getAttribute('data-wk-clear-wishlist');
Appmate.wk.clear(wishlistId);
}),
'click [data-wk-move-to-cart]': eventHandler(function(){
var $elem = Appmate.wk.$(this);
$form = $elem.parents('form');
$elem.prop("disabled", true);
var item = this.getAttribute('data-wk-move-to-cart');
var formData = $form.serialize();
fadeOrNot(this, function(){
Appmate.wk
.addToCart(formData)
.then(function(product){
$elem.prop("disabled", false);
Appmate.wk.trackEvent("Added to Cart", {
product: product,
variant: product.selected_or_first_available_variant || {},
callback: function () {
// window.scrollTo(0, 0);
location.reload();
},
});
});
}, true);
}),
'click [data-wk-buy-all]': eventHandler(function(){
var $buttons = $('.wk-add-to-cart');
$buttons.prop("disabled", true);
var buyAll = function($forms) {
var p = Promise.resolve();
$forms.each(function(index, form){
var $form = $(form);
if (!$form.find('.wk-add-to-cart').hasClass('disabled')) {
p = p.then(function(){
return new Promise(function(res, rej){
var cartButton = $form.find('.wk-add-to-cart');
var item = $form.find('.wk-add-to-cart').attr('data-wk-move-to-cart');
var formData = $form.serialize();
Appmate.wk
.addToCart(formData)
.then(function(product){
Appmate.wk.trackEvent("Added to Cart", {
product: product,
variant: product.selected_or_first_available_variant || {},
});
})
.then(res)
.catch(rej);
});
});
}
});
return p;
};
buyAll($('form.wk-add-item-form'))
.then(function(){
window.scrollTo(0, 0);
location.reload();
// $buttons.prop("disabled", false);
});
}),
'click [data-wk-share]': eventHandler(function(){
var params = {
wkShareService: this.getAttribute("data-wk-share-service"),
wkShare: this.getAttribute("data-wk-share"),
wkShareImage: this.getAttribute("data-wk-share-image")
};
var shareLink = Appmate.wk.getShareLink(params);
Appmate.wk.trackEvent("Shared Wishlist", {
shareService: params.wkShareService
});
switch (params.wkShareService) {
case 'link':
Appmate.wk.$('#wk-share-link-text').addClass('wk-visible').find('.wk-text').html(shareLink);
var copyButton = Appmate.wk.$('#wk-share-link-text .wk-clipboard');
var copyText = copyButton.html();
var clipboard = Appmate.wk.clipboard(copyButton[0]);
clipboard.on('success', function(e) {
copyButton.html(Appmate.globals.locale.share_link_copied);
setTimeout(function(){
copyButton.html(copyText);
}, 2000);
});
break;
case 'email':
window.location.href = shareLink;
break;
case 'contact':
var contactUrl = '/pages/contact';
var message = Appmate.globals.locale.share_by_email_body + '\n' + shareLink;
window.location.href=contactUrl + '?message=' + encodeURIComponent(message);
break;
default:
window.open(
shareLink,
'wishlist_share',
'height=590, width=770, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no'
);
}
}),
'render .wk-option-select': function(elem){
if (!Appmate.globals.settings.root_url) {
appmateOptionSelect(elem);
}
},
'render [data-wk-item]': function(elem){
if (Appmate.globals.settings.root_url) {
Appmate.wk.getItem(elem.getAttribute("data-wk-item")).then(function(product) {
Appmate.wk.loadProduct(product.handle)
.then(function(product) {
const select = Appmate.wk.$(elem).find(".wk-option-select")[0];
product.options = product.options.map(function(option){return option.name});
product.variants.forEach(function(variant){
variant.product_id = product.id;
variant.price /= 100;
});
appmateOptionSelect(select, product);
Appmate.wk.$(elem).find(".wk-product-title a").html(product.title).css({opacity: 1});
})
});
}
},
'login-required': function (intent) {
var redirect = {
path: window.location.pathname,
intent: intent
};
window.location = '/account/login?wk-redirect=' + encodeURIComponent(JSON.stringify(redirect));
},
'ready': function () {
var redirect = Appmate.wk.getQueryParam('wk-redirect');
if (redirect) {
Appmate.wk.addLoginRedirect(Appmate.wk.$('#customer_login'), JSON.parse(redirect));
}
var intent = Appmate.wk.getQueryParam('wk-intent');
if (intent) {
intent = JSON.parse(intent);
switch (intent.action) {
case 'addProduct':
Appmate.wk.addProduct(intent.product, intent.variant)
break;
default:
console.warn('Wishlist King: Intent not implemented', intent)
}
if (window.history && window.history.pushState) {
history.pushState(null, null, window.location.pathname);
}
}
}
});
Appmate.init(wkSettings);
function appmateSelectCallback(variant, selector) {
var shop = Appmate.wk.globals.shop;
var product = Appmate.wk.getProduct(variant.product_id);
var itemId = Appmate.wk.$(selector.variantIdField).parents('[data-wk-item]').attr('data-wk-item');
var container = Appmate.wk.$('#wk-item-' + itemId);
var imageUrl = '';
if (variant && variant.image) {
imageUrl = Appmate.wk.filters.img_url(variant, '1000x');
} else if (product) {
imageUrl = Appmate.wk.filters.img_url(product, '1000x');
}
if (imageUrl) {
container.find('.wk-variant-image').attr('src', imageUrl);
}
var formatMoney = Appmate.wk.filters.money;
if (!product.hidden && variant && (variant.available || variant.inventory_policy === 'continue')) {
container.find('.wk-add-to-cart').removeAttr('disabled').removeClass('disabled').attr('value', Appmate.globals.locale.add_to_cart);
if(parseFloat(variant.price) < parseFloat(variant.compare_at_price)){
container.find('.wk-price-preview').html(formatMoney(variant.price) + " <del>" + formatMoney(variant.compare_at_price) + "</del>");
} else {
container.find('.wk-price-preview').html(formatMoney(variant.price));
}
} else {
container.find('.wk-add-to-cart').addClass('disabled').attr('disabled', 'disabled').attr('value', Appmate.globals.locale.sold_out);
container.find('.wk-price-preview').text(Appmate.globals.locale.sold_out);
}
};
function appmateOptionSelect(el, translatedPoduct){
if (!Shopify || !Shopify.OptionSelectors) {
throw new Error('Missing option_selection.js! Please check templates/page.wishlist.liquid');
}
var id = el.getAttribute('id');
var itemId = Appmate.wk.$(el).parents('[data-wk-item]').attr('data-wk-item');
var container = Appmate.wk.$('#wk-item-' + itemId);
Appmate.wk.getItem(itemId).then(function(product){
var selector = new Shopify.OptionSelectors(id, {
product: translatedPoduct || product,
onVariantSelected: appmateSelectCallback,
enableHistoryState: false
});
if (product.selected_variant_id) {
selector.selectVariant(product.selected_variant_id);
}
selector.selectors.forEach(function(selector){
if (selector.values.length < 2) {
Appmate.wk.$(selector.element).parents(".selector-wrapper").css({display: "none"});
}
});
for (var i = 0; i < selector.selectors.length; i++) {
for (var j = 0; j < selector.selectors[i].values.length; j++) {
var originalIndex = (i + 1) * j;
var disabled = selector.variantIdField.options[originalIndex].getAttribute("disabled");
if (disabled) {
selector.selectors[i].element.options[j].setAttribute("disabled", disabled);
} else {
selector.selectors[i].element.options[j].removeAttribute("disabled");
}
}
}
// Add label if only one product option and it isn't 'Title'.
if (product.options.length == 1 && product.options[0] != 'Title') {
Appmate.wk.$(container)
.find('.selector-wrapper:first-child')
.prepend('<label>' + product.options[0] + '</label>');
}
});
}
function eventHandler (callback) {
return function (event) {
if (typeof callback === 'function') {
callback.call(this, event)
}
if (event) {
event.preventDefault();
event.stopPropagation();
}
}
}
function fadeOrNot(elem, callback, shouldNotFade){
if (typeof $ !== "function") {
callback();
return;
}
var $elem = $(elem);
if (!shouldNotFade && $elem.parents('.wk-fadeout').length) {
$elem.parents('.wk-fadeout').fadeOut(callback);
} else {
callback();
}
}
}
</script>
<script
id="wishlist-icon"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<svg role="presentation" viewBox="0 0 18 16" preserveAspectRatio="xMidYMid meet">
<path d="M9.01163699,14.9053769 C8.72930024,14.7740736 8.41492611,14.6176996 8.07646224,14.4366167 C7.06926649,13.897753 6.06198912,13.2561336 5.12636931,12.5170512 C2.52930452,10.4655288 1.00308384,8.09476443 1.00000218,5.44184117 C0.997549066,2.99198843 2.92175104,1.01242822 5.28303025,1.01000225 C6.41066623,1.00972036 7.49184369,1.4629765 8.28270844,2.2678673 L8.99827421,2.9961237 L9.71152148,2.26559643 C10.4995294,1.45849728 11.5791258,1.0023831 12.7071151,1.00000055 L12.7060299,1.00000225 C15.0693815,0.997574983 16.9967334,2.97018759 17.0000037,5.421337 C17.0038592,8.07662382 15.4809572,10.4530151 12.8850542,12.5121483 C11.9520963,13.2521931 10.9477036,13.8951276 9.94340074,14.4354976 C9.60619585,14.6169323 9.29297309,14.7736855 9.01163699,14.9053769 Z"></path>
{% if wishlist.item_count %}
<span class="header__cart-count">{{ wishlist.item_count }}</span>
{% endif %}
</svg>
</script>
<script
id="wishlist-icon-remove"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<svg role="presentation" viewBox="0 0 16 14">
<path d="M15 0L1 14m14 0L1 0" stroke="currentColor" fill="none" fill-rule="evenodd"></path>
</svg>
</script>
<script
id="wishlist-link"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<a href="/pages/user-carts" class="wk-link wk-{{ wishlist.state }}"
title="{{ locale.view_wishlist }}">
<div class="wk-icon">{% include 'wishlist-icon' %}</div>
<span class="wk-label">{{ locale.wishlist }}</span>
<span class="wk-count">{{ wishlist.item_count }}</span>
</a>
</script>
<script
id="wishlist-link-li"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<li class="wishlist-link-li wk-{{ wishlist.state }}">
{% include 'wishlist-link' %}
</li>
</script>
<script
id="wishlist-button-product"
data="product"
type="text/x-template"
app="wishlist-king"
>
{% if product.in_wishlist %}
{% assign btn_text = locale.in_wishlist %}
{% assign btn_title = locale.remove_from_wishlist %}
{% assign btn_action = 'wk-remove-product' %}
{% else %}
{% assign btn_text = locale.add_to_wishlist %}
{% assign btn_title = locale.add_to_wishlist %}
{% assign btn_action = 'wk-add-product' %}
{% endif %}
<button type="button" class="wk-button-product {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}">
<div class="wk-icon">{% include 'wishlist-icon' %}</div>
<span class="wk-label">{{ btn_text }}</span>
</button>
</script>
<script
id="wishlist-button-collection"
data="product"
type="text/x-template"
app="wishlist-king"
>
{% if product.in_wishlist %}
{% assign btn_text = locale.in_wishlist %}
{% assign btn_title = locale.remove_from_wishlist %}
{% assign btn_action = 'wk-remove-product' %}
{% else %}
{% assign btn_text = locale.add_to_wishlist %}
{% assign btn_title = locale.add_to_wishlist %}
{% assign btn_action = 'wk-add-product' %}
{% endif %}
<button type="button" class="wk-button-collection {{ btn_action }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ product.id }}">
<div class="wk-icon">{% include 'wishlist-icon' %}</div>
<span class="wk-label">{{ btn_text }}</span>
</button>
</script>
<script
id="wishlist-button-wishlist-page"
data="product"
type="text/x-template"
app="wishlist-king"
>
{% if wishlist.read_only %}
{% assign item_id = product.id %}
{% else %}
{% assign item_id = product.wishlist_item_id %}
{% endif %}
{% assign add_class = '' %}
{% if product.in_wishlist and wishlist.read_only == true %}
{% assign btn_text = locale.in_wishlist %}
{% assign btn_title = locale.remove_from_wishlist %}
{% assign btn_action = 'wk-remove-product' %}
{% assign btn_icon = 'wishlist-icon' %}
{% elsif product.in_wishlist and wishlist.read_only == false %}
{% assign btn_text = locale.in_wishlist %}
{% assign btn_title = locale.remove_from_wishlist %}
{% assign btn_action = 'wk-remove-item' %}
{% assign btn_icon = 'wishlist-icon-remove' %}
{% assign add_class = 'wk-with-hover' %}
{% else %}
{% assign btn_text = locale.add_to_wishlist %}
{% assign btn_title = locale.add_to_wishlist %}
{% assign btn_action = 'wk-add-product' %}
{% assign btn_icon = 'wishlist-icon' %}
{% assign add_class = 'wk-with-hover' %}
{% endif %}
<button type="button" class="wk-button-wishlist-page {{ btn_action }} {{ add_class }}" title="{{ btn_title }}" data-{{ btn_action }}="{{ item_id }}">
<div class="wk-icon">
{% include btn_icon %}
</div>
<span class="wk-label">{{ btn_text }}</span>
</button>
</script>
<script
id="wishlist-button-wishlist-clear"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% assign btn_text = locale.clear_wishlist %}
{% assign btn_title = locale.clear_wishlist %}
{% assign btn_class = 'wk-button-wishlist-clear' %}
<button type="button" class="{{ btn_class }}" title="{{ btn_title }}" data-wk-clear-wishlist="{{ wishlist.permaId }}">
<span class="wk-label">{{ btn_text }}</span>
</button>
</script>
<script
id="wishlist-collection-shared"
data="shared_wishlist"
type="text/x-template"
app="wishlist-king"
>
{% assign wishlist = shared_wishlist %}
{% include 'wishlist-collection' with wishlist %}
</script>
<script
id="wishlist-collection"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<div class='wishlist-collection'>
{% if wishlist.item_count == 0 %}
{% include 'wishlist-collection-empty' %}
{% else %}
{% if customer_accounts_enabled and customer == false and wishlist.read_only == false %}
{% include 'wishlist-collection-login-note' %}
{% endif %}
{% unless wishlist.read_only %}
{% include 'wishlist-collection-share' %}
{% endunless %}
{% include 'wishlist-collection-loop' %}
{% include 'wishlist-button-add-all' %}
{% unless wishlist.read_only %}
{% include 'wishlist-button-wishlist-clear' %}
{% endunless %}
{% endif %}
</div>
</script>
<script id="wishlist-button-add-all" data="wishlist" type="text/x-template" app="wishlist-king">
{% assign btn_text = locale.buy_all_items %}
{% assign btn_title = locale.buy_all_items %}
<button type="button" class="wk-button-wishlist-buy-all" title="{{ btn_title }}" data-wk-buy-all="{{ wishlist.permaId }}">
<span class="wk-label">{{ btn_text }}</span>
</button>
</script>
<script
id="wishlist-collection-empty"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<div class="wk-row">
<div class="wk-span12">
<h3 class="wk-wishlist-empty-note">{{ locale.wishlist_empty_note }}</h3>
</div>
</div>
</script>
<script
id="wishlist-collection-login-note"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<div class="wk-row">
<p class="wk-span12 wk-login-note">
{{ locale.login_or_signup_note }}
</p>
</div>
</script>
<script
id="wishlist-collection-share"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<h3 id="wk-share-head">{{ locale.share_wishlist }}</h3>
<ul id="wk-share-list">
<li>{% include 'wishlist-share-button-fb' %}</li>
<li>{% include 'wishlist-share-button-pinterest' %}</li>
<li>{% include 'wishlist-share-button-twitter' %}</li>
<li>{% include 'wishlist-share-button-email' %}</li>
<li>{% include 'wishlist-share-button-link' %}</li>
{% comment %}
<li>{% include 'wishlist-share-button-contact' %}</li>
{% endcomment %}
<li id="wk-share-whatsapp">{% include 'wishlist-share-button-whatsapp' %}</li>
</ul>
<div id="wk-share-link-text"><span class="wk-text"></span><button class="wk-clipboard" data-clipboard-target="#wk-share-link-text .wk-text">{{ locale.copy_share_link }}</button></div>
</script>
<script
id="wishlist-collection-loop"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<div class="wk-row">
{% assign item_count = 0 %}
{% assign products = wishlist.products | reverse %}
{% for product in products %}
{% assign item_count = item_count | plus: 1 %}
{% unless limit and item_count > limit %}
{% assign hide_default_title = false %}
{% if product.variants.length == 1 and product.variants[0].title contains 'Default' %}
{% assign hide_default_title = true %}
{% endif %}
{% assign items_per_row = settings.app_wk_products_per_row %}
{% assign wk_item_width = 100 | divided_by: items_per_row %}
<div class="wk-item-column" style="width: {{ wk_item_width }}%">
<div id="wk-item-{{ product.wishlist_item_id }}" class="wk-item {{ wk_item_class }} {% unless wishlist.read_only %}wk-fadeout{% endunless %}" data-wk-item="{{ product.wishlist_item_id }}">
{% include 'wishlist-collection-product-image' with product %}
{% include 'wishlist-button-wishlist-page' with product %}
{% include 'wishlist-collection-product-title' with product %}
{% include 'wishlist-collection-product-price' %}
{% include 'wishlist-collection-product-form' with product %}
</div>
</div>
{% endunless %}
{% endfor %}
</div>
</script>
<script
id="wishlist-collection-product-image"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<div class="wk-image">
<a href="{{ product | variant_url }}" class="wk-variant-link wk-content" title="{{ locale.view_product }}">
<img class="wk-variant-image"
src="{{ product | variant_img_url: '1000x' }}"
alt="{{ product.title }}" />
</a>
</div>
</script>
<script
id="wishlist-collection-product-title"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<div class="wk-product-title">
<a href="{{ product | variant_url }}" class="wk-variant-link" {% if settings.root_url %}style="opacity: 0;"{% endif %}>{{ product.title }}</a>
</div>
</script>
<script
id="wishlist-collection-product-price"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% assign variant = product.selected_or_first_available_variant %}
<div class="wk-purchase">
<span class="wk-price wk-price-preview">
{% if variant.price >= variant.compare_at_price %}
{{ variant.price | money }}
{% else %}
<span class="saleprice">{{ variant.price | money }}</span> <del>{{ variant.compare_at_price | money }}</del>
{% endif %}
</span>
</div>
</script>
<script
id="wishlist-collection-product-form"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
<form id="wk-add-item-form-{{ product.wishlist_item_id }}" action="/cart/add" method="post" class="wk-add-item-form">
<!-- Begin product options -->
<div class="wk-product-options {% if hide_default_title %}wk-no-options{% endif %}">
<div class="wk-select" {% if hide_default_title %} style="display:none"{% endif %}>
<select id="wk-option-select-{{ product.wishlist_item_id }}" class="wk-option-select" name="id">
{% for variant in product.variants %}
<option value="{{ variant.id }}" {% if variant == product.selected_or_first_available_variant %}selected="selected"{% endif %} {% unless variant.available or variant.inventory_policy == "continue" %}disabled="disabled"{% endunless %}>
{{ variant.title }} - {{ variant.price | money }}
</option>
{% endfor %}
</select>
</div>
{% comment %}
<div class="wk-selector-wrapper">
<label>Quantity</label>
<input class="wk-quantity" type="number" name="quantity" value="1" class="wk-item-quantity" />
</div>
{% endcomment %}
<div class="wk-purchase-section{% if product.variants.length > 1 %} wk-multiple{% endif %}">
{% unless product.available %}
<input type="submit" class="wk-add-to-cart disabled" disabled="disabled" value="Sold Out" />
{% else %}
{% assign cart_action = 'wk-move-to-cart' %}
{% if wishlist.read_only %}
{% assign cart_action = 'wk-add-to-cart' %}
{% endif %}
<input type="submit" class="wk-add-to-cart" data-{{ cart_action }}="{{ product.wishlist_item_id }}" name="add" value="{{ locale.add_to_cart }}" />
{% endunless %}
</div>
</div>
<!-- End product options -->
</form>
</script>
<script
id="wishlist-share-button-fb"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% unless wishlist.empty %}
<a href="#" class="wk-button-share resp-sharing-button__link" title="{{ locale.share_on_facebook }}" data-wk-share-service="facebook" data-wk-share="{{ wishlist.permaId }}" data-wk-share-image="{{ wishlist.products[0] | variant_img_url: '1200x630' }}">
<div class="resp-sharing-button resp-sharing-button--facebook resp-sharing-button--large">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M18.768,7.465H14.5V5.56c0-0.896,0.594-1.105,1.012-1.105s2.988,0,2.988,0V0.513L14.171,0.5C10.244,0.5,9.5,3.438,9.5,5.32 v2.145h-3v4h3c0,5.212,0,12,0,12h5c0,0,0-6.85,0-12h3.851L18.768,7.465z"/>
</g>
</svg>
</div>
<span>Facebook</span>
</div>
</a>
{% endunless %}
</script>
<script
id="wishlist-share-button-twitter"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% unless wishlist.empty %}
<a href="#" class="wk-button-share resp-sharing-button__link" title="{{ locale.share_on_twitter }}" data-wk-share-service="twitter" data-wk-share="{{ wishlist.permaId }}">
<div class="resp-sharing-button resp-sharing-button--twitter resp-sharing-button--large">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<g>
<path d="M23.444,4.834c-0.814,0.363-1.5,0.375-2.228,0.016c0.938-0.562,0.981-0.957,1.32-2.019c-0.878,0.521-1.851,0.9-2.886,1.104 C18.823,3.053,17.642,2.5,16.335,2.5c-2.51,0-4.544,2.036-4.544,4.544c0,0.356,0.04,0.703,0.117,1.036 C8.132,7.891,4.783,6.082,2.542,3.332C2.151,4.003,1.927,4.784,1.927,5.617c0,1.577,0.803,2.967,2.021,3.782 C3.203,9.375,2.503,9.171,1.891,8.831C1.89,8.85,1.89,8.868,1.89,8.888c0,2.202,1.566,4.038,3.646,4.456 c-0.666,0.181-1.368,0.209-2.053,0.079c0.579,1.804,2.257,3.118,4.245,3.155C5.783,18.102,3.372,18.737,1,18.459 C3.012,19.748,5.399,20.5,7.966,20.5c8.358,0,12.928-6.924,12.928-12.929c0-0.198-0.003-0.393-0.012-0.588 C21.769,6.343,22.835,5.746,23.444,4.834z"/>
</g>
</svg>
</div>
<span>Twitter</span>
</div>
</a>
{% endunless %}
</script>
<script
id="wishlist-share-button-pinterest"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% unless wishlist.empty %}
<a href="#" class="wk-button-share resp-sharing-button__link" title="{{ locale.share_on_pinterest }}" data-wk-share-service="pinterest" data-wk-share="{{ wishlist.permaId }}" data-wk-share-image="{{ wishlist.products[0] | variant_img_url: '1200x630' }}">
<div class="resp-sharing-button resp-sharing-button--pinterest resp-sharing-button--large">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="M12.137,0.5C5.86,0.5,2.695,5,2.695,8.752c0,2.272,0.8 ,4.295,2.705,5.047c0.303,0.124,0.574,0.004,0.661-0.33 c0.062-0.231,0.206-0.816,0.271-1.061c0.088-0.331,0.055-0.446-0.19-0.736c-0.532-0.626-0.872-1.439-0.872-2.59 c0-3.339,2.498-6.328,6.505-6.328c3.548,0,5.497,2.168,5.497,5.063c0,3.809-1.687,7.024-4.189,7.024 c-1.382,0-2.416-1.142-2.085-2.545c0.397-1.675,1.167-3.479,1.167-4.688c0-1.081-0.58-1.983-1.782-1.983 c-1.413,0-2.548,1.461-2.548,3.42c0,1.247,0.422,2.09,0.422,2.09s-1.445,6.126-1.699,7.199c-0.505,2.137-0.076,4.756-0.04,5.02 c0.021,0.157,0.224,0.195,0.314,0.078c0.13-0.171,1.813-2.25,2.385-4.325c0.162-0.589,0.929-3.632,0.929-3.632 c0.459,0.876,1.801,1.646,3.228,1.646c4.247,0,7.128-3.871,7.128-9.053C20.5,4.15,17.182,0.5,12.137,0.5z"/>
</svg>
</div>
<span>Pinterest</span>
</div>
</a>
{% endunless %}
</script>
<script
id="wishlist-share-button-whatsapp"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% unless wishlist.empty %}
<a href="#" class="wk-button-share resp-sharing-button__link" title="{{ locale.share_with_whatsapp }}" data-wk-share-service="whatsapp" data-wk-share="{{ wishlist.permaId }}">
<div class="resp-sharing-button resp-sharing-button--whatsapp resp-sharing-button--large">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<path stroke="none" d="M20.1,3.9C17.9,1.7,15,0.5,12,0.5C5.8,0.5,0.7,5.6,0.7,11.9c0,2,0.5,3.9,1.5,5.6l-1.6,5.9l6-1.6c1.6,0.9,3.5,1.3,5.4,1.3l0,0l0,0c6.3,0,11.4-5.1,11.4-11.4C23.3,8.9,22.2,6,20.1,3.9z M12,21.4L12,21.4c-1.7,0-3.3-0.5-4.8-1.3l-0.4-0.2l-3.5,1l1-3.4L4,17c-1-1.5-1.4-3.2-1.4-5.1c0-5.2,4.2-9.4,9.4-9.4c2.5,0,4.9,1,6.7,2.8c1.8,1.8,2.8,4.2,2.8,6.7C21.4,17.2,17.2,21.4,12,21.4z M17.1,14.3c-0.3-0.1-1.7-0.9-1.9-1c-0.3-0.1-0.5-0.1-0.7,0.1c-0.2,0.3-0.8,1-0.9,1.1c-0.2,0.2-0.3,0.2-0.6,0.1c-0.3-0.1-1.2-0.5-2.3-1.4c-0.9-0.8-1.4-1.7-1.6-2c-0.2-0.3,0-0.5,0.1-0.6s0.3-0.3,0.4-0.5c0.2-0.1,0.3-0.3,0.4-0.5c0.1-0.2,0-0.4,0-0.5c0-0.1-0.7-1.5-1-2.1C8.9,6.6,8.6,6.7,8.5,6.7c-0.2,0-0.4,0-0.6,0S7.5,6.8,7.2,7c-0.3,0.3-1,1-1,2.4s1,2.8,1.1,3c0.1,0.2,2,3.1,4.9,4.3c0.7,0.3,1.2,0.5,1.6,0.6c0.7,0.2,1.3,0.2,1.8,0.1c0.6-0.1,1.7-0.7,1.9-1.3c0.2-0.7,0.2-1.2,0.2-1.3C17.6,14.5,17.4,14.4,17.1,14.3z"/>
</svg>
</div>
<span>WhatsApp</span>
</div>
</a>
{% endunless %}
</script>
<script
id="wishlist-share-button-email"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% unless wishlist.empty %}
<a href="#" class="wk-button-share resp-sharing-button__link" title="{{ locale.share_by_email }}" data-wk-share-service="email" data-wk-share="{{ wishlist.permaId }}">
<div class="resp-sharing-button resp-sharing-button--email resp-sharing-button--large">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version="1.1" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
<path d="M22,4H2C0.897,4,0,4.897,0,6v12c0,1.103,0.897,2,2,2h20c1.103,0,2-0.897,2-2V6C24,4.897,23.103,4,22,4z M7.248,14.434 l-3.5,2C3.67,16.479,3.584,16.5,3.5,16.5c-0.174,0-0.342-0.09-0.435-0.252c-0.137-0.239-0.054-0.545,0.186-0.682l3.5-2 c0.24-0.137,0.545-0.054,0.682,0.186C7.571,13.992,7.488,14.297,7.248,14.434z M12,14.5c-0.094,0-0.189-0.026-0.271-0.08l-8.5-5.5 C2.997,8.77,2.93,8.46,3.081,8.229c0.15-0.23,0.459-0.298,0.691-0.147L12,13.405l8.229-5.324c0.232-0.15,0.542-0.084,0.691,0.147 c0.15,0.232,0.083,0.542-0.148,0.691l-8.5,5.5C12.189,14.474,12.095,14.5,12,14.5z M20.934,16.248 C20.842,16.41,20.673,16.5,20.5,16.5c-0.084,0-0.169-0.021-0.248-0.065l-3.5-2c-0.24-0.137-0.323-0.442-0.186-0.682 s0.443-0.322,0.682-0.186l3.5,2C20.988,15.703,21.071,16.009,20.934,16.248z"/>
</svg>
</div>
<span>Email</span>
</div>
</a>
{% endunless %}
</script>
<script
id="wishlist-share-button-link"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% unless wishlist.empty %}
<a href="#" class="wk-button-share resp-sharing-button__link" title="{{ locale.get_link }}" data-wk-share-service="link" data-wk-share="{{ wishlist.permaId }}">
<div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg version='1.1' xmlns='https://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 512 512'>
<path d='M459.654,233.373l-90.531,90.5c-49.969,50-131.031,50-181,0c-7.875-7.844-14.031-16.688-19.438-25.813
l42.063-42.063c2-2.016,4.469-3.172,6.828-4.531c2.906,9.938,7.984,19.344,15.797,27.156c24.953,24.969,65.563,24.938,90.5,0
l90.5-90.5c24.969-24.969,24.969-65.563,0-90.516c-24.938-24.953-65.531-24.953-90.5,0l-32.188,32.219
c-26.109-10.172-54.25-12.906-81.641-8.891l68.578-68.578c50-49.984,131.031-49.984,181.031,0
C509.623,102.342,509.623,183.389,459.654,233.373z M220.326,382.186l-32.203,32.219c-24.953,24.938-65.563,24.938-90.516,0
c-24.953-24.969-24.953-65.563,0-90.531l90.516-90.5c24.969-24.969,65.547-24.969,90.5,0c7.797,7.797,12.875,17.203,15.813,27.125
c2.375-1.375,4.813-2.5,6.813-4.5l42.063-42.047c-5.375-9.156-11.563-17.969-19.438-25.828c-49.969-49.984-131.031-49.984-181.016,0
l-90.5,90.5c-49.984,50-49.984,131.031,0,181.031c49.984,49.969,131.031,49.969,181.016,0l68.594-68.594
C274.561,395.092,246.42,392.342,220.326,382.186z'/>
</svg>
</div>
<span>E-Mail</span>
</div>
</a>
{% endunless %}
</script>
<script
id="wishlist-share-button-contact"
data="wishlist"
type="text/x-template"
app="wishlist-king"
>
{% unless wishlist.empty %}
<a href="#" class="wk-button-share resp-sharing-button__link" title="{{ locale.send_to_customer_service }}" data-wk-share-service="contact" data-wk-share="{{ wishlist.permaId }}">
<div class="resp-sharing-button resp-sharing-button--link resp-sharing-button--large">
<div aria-hidden="true" class="resp-sharing-button__icon resp-sharing-button__icon--solid">
<svg height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0h24v24H0z" fill="none"/>
<path d="M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-6 16h-2v-2h2v2zm2.07-7.75l-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25z"/>
</svg>
</div>
<span>E-Mail</span>
</div>
</a>
{% endunless %}
</script>
<script
src="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/app_wishlist-king.min.js?v=44710095007731135791628764531"
async
></script>
<link
href="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/app_wishlist-king.scss.css?v=170723932360864498841628764561"
rel="stylesheet"
>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/theme.css?v=54599090257477981301628860024">
<link href="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/styles.css?v=4242420865273033631669030557" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.1/underscore-min.js"></script>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [{
"@type": "ListItem",
"position": 1,
"name": "Startseite",
"item": "https://ratz-fatz.com"
}]
}
</script>
<script>
// This allows to expose several variables to the global scope, to be used in scripts
window.theme = {
pageType: "index",
cartCount: 7,
moneyFormat: "€{{amount_with_comma_separator}}",
moneyWithCurrencyFormat: "€{{amount_with_comma_separator}} EUR",
showDiscount: true,
discountMode: "percentage",
searchMode: "product,article,page",
searchUnavailableProducts: "last",
cartType: "message"
};
window.routes = {
rootUrl: "\/",
rootUrlWithoutSlash: '',
cartUrl: "\/cart",
cartAddUrl: "\/cart\/add",
cartChangeUrl: "\/cart\/change",
searchUrl: "\/search",
productRecommendationsUrl: "\/recommendations\/products"
};
window.languages = {
productRegularPrice: "Normaler Preis ",
productSalePrice: "Sonderangebot",
collectionOnSaleLabel: "{{savings}} Rabatt",
productFormUnavailable: "Nicht verfügbar",
productFormAddToCart: "+ Warenkorb",
productFormSoldOut: "Ausverkauft",
productAdded: "Produkt wurde in den Warenkorb gelegt",
productAddedShort: "Hinzugefügt! ",
shippingEstimatorNoResults: "No shipping could be found for your address.",
shippingEstimatorOneResult: "There is one shipping rate for your address:",
shippingEstimatorMultipleResults: "There are {{count}} shipping rates for your address:",
shippingEstimatorErrors: "There are some errors:\n"
};
window.lazySizesConfig = {
loadHidden: false,
hFac: 0.8,
expFactor: 3,
customMedia: {
'--phone': '(max-width: 640px)',
'--tablet': '(min-width: 641px) and (max-width: 1023px)',
'--lap': '(min-width: 1024px)'
}
};
document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
/* *****Order limit**** */
var ordersLimit = 0;
var yellowLightLimit = 50;
var greenLightLimit = 100;
var customerData = {
loggedIn: false ,
email: "",
customerAddresses : null,
tags: null,
id: null
};
if(customerData.loggedIn && customerData.tags.includes('subscribed')){
ordersLimit = Math.round(ordersLimit * 0.6);
}
else{
ordersLimit = Math.round(ordersLimit * 0.4);
}
var unfulfilledItems ;
</script><script src="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/theme.min.js?v=99002669913571544291642699177" defer></script>
<script src="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/custom.js?v=107062496654391396741629709178"></script>
<script src="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/persistent-cart.js?v=142171975560520400361628859390"></script><script>
(function () {
window.onpageshow = function() {
// We force re-freshing the cart content onpageshow, as most browsers will serve a cache copy when hitting the
// back button, which cause staled data
document.documentElement.dispatchEvent(new CustomEvent('cart:refresh', {
bubbles: true,
detail: {scrollToTop: false}
}));
};
})();
</script>
<script src="https://cdn.shopify.com/extensions/cad34f8b-cb88-45af-876c-61ca737feeb9/0.4.0/assets/cookie-widget.js" type="text/javascript" defer="defer"></script>
<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0437/3682/6022/files/AVATAR_4826b6f8-4504-4dac-a8cc-d8456b702d55.png?v=1616680112" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0437/3682/6022/files/AVATAR_4826b6f8-4504-4dac-a8cc-d8456b702d55.png?v=1616680112" />
<meta property="og:image:width" content="750" />
<meta property="og:image:height" content="750" />
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 43736826022,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
};
</script>
<script class="analytics">(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 43736826022,
theme_id: 125721641138,
app_name: "storefront",
context_url: window.location.href,
source_url: "https://cdn.shopify.com/s/trekkie.storefront.f08068c4f5630e7a16c822b35ad50b3b478a027c.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = 'https://cdn.shopify.com/s/trekkie.storefront.f08068c4f5630e7a16c822b35ad50b3b478a027c.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = 'https://cdn.shopify.com/s/trekkie.storefront.f08068c4f5630e7a16c822b35ad50b3b478a027c.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":43736826022,"isMerchantRequest":null,"themeId":125721641138,"themeCityHash":"5371815032915738560","contentLanguage":"de","currency":"EUR"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer"}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home"});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//cdn.shopify.com/shopifycloud/shopify/assets/shop_events_listener-65cd0ba3fcd81a1df33f2510ec5bcf8c0e0958653b50e3965ec972dd638ee13f.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script class="boomerang">
(function () {
if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
return;
}
window.BOOMR = window.BOOMR || {};
window.BOOMR.snippetStart = new Date().getTime();
window.BOOMR.snippetExecuted = true;
window.BOOMR.snippetVersion = 12;
window.BOOMR.application = "storefront-renderer";
window.BOOMR.themeName = "Warehouse";
window.BOOMR.themeVersion = "1.15.3";
window.BOOMR.shopId = 43736826022;
window.BOOMR.themeId = 125721641138;
window.BOOMR.renderRegion = "gcp-europe-west3";
window.BOOMR.url =
"https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
var where = document.currentScript || document.getElementsByTagName("script")[0];
var parentNode = where.parentNode;
var promoted = false;
var LOADER_TIMEOUT = 3000;
function promote() {
if (promoted) {
return;
}
var script = document.createElement("script");
script.id = "boomr-scr-as";
script.src = window.BOOMR.url;
script.async = true;
parentNode.appendChild(script);
promoted = true;
}
function iframeLoader(wasFallback) {
promoted = true;
var dom, bootstrap, iframe, iframeStyle;
var doc = document;
var win = window;
window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
bootstrap = function(parent, scriptId) {
var script = doc.createElement("script");
script.id = scriptId || "boomr-if-as";
script.src = window.BOOMR.url;
BOOMR_lstart = new Date().getTime();
parent = parent || doc.body;
parent.appendChild(script);
};
if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
window.BOOMR.snippetMethod = "s";
bootstrap(parentNode, "boomr-async");
return;
}
iframe = document.createElement("IFRAME");
iframe.src = "about:blank";
iframe.title = "";
iframe.role = "presentation";
iframe.loading = "eager";
iframeStyle = (iframe.frameElement || iframe).style;
iframeStyle.width = 0;
iframeStyle.height = 0;
iframeStyle.border = 0;
iframeStyle.display = "none";
parentNode.appendChild(iframe);
try {
win = iframe.contentWindow;
doc = win.document.open();
} catch (e) {
dom = document.domain;
iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
win = iframe.contentWindow;
doc = win.document.open();
}
if (dom) {
doc._boomrl = function() {
this.domain = dom;
bootstrap();
};
doc.write("<body onload='document._boomrl();'>");
} else {
win._boomrl = function() {
bootstrap();
};
if (win.addEventListener) {
win.addEventListener("load", win._boomrl, false);
} else if (win.attachEvent) {
win.attachEvent("onload", win._boomrl);
}
}
doc.close();
}
var link = document.createElement("link");
if (link.relList &&
typeof link.relList.supports === "function" &&
link.relList.supports("preload") &&
("as" in link)) {
window.BOOMR.snippetMethod = "p";
link.href = window.BOOMR.url;
link.rel = "preload";
link.as = "script";
link.addEventListener("load", promote);
link.addEventListener("error", function() {
iframeLoader(true);
});
setTimeout(function() {
if (!promoted) {
iframeLoader(true);
}
}, LOADER_TIMEOUT);
BOOMR_lstart = new Date().getTime();
parentNode.appendChild(link);
} else {
iframeLoader(false);
}
function boomerangSaveLoadTime(e) {
window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
}
if (window.addEventListener) {
window.addEventListener("load", boomerangSaveLoadTime, false);
} else if (window.attachEvent) {
window.attachEvent("onload", boomerangSaveLoadTime);
}
if (document.addEventListener) {
document.addEventListener("onBoomerangLoaded", function(e) {
e.detail.BOOMR.init({
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
});
} else if (document.attachEvent) {
document.attachEvent("onpropertychange", function(e) {
if (!e) e=event;
if (e.propertyName === "onBoomerangLoaded") {
e.detail.BOOMR.init({
ResourceTiming: {
enabled: true,
trackedResourceTypes: ["script", "img", "css"]
},
});
e.detail.BOOMR.t_end = new Date().getTime();
}
});
}
})();</script>
<script id="web-pixels-manager-setup">(function e(e,n,a,o,t){e&&(window.Shopify=window.Shopify||{},window.Shopify.analytics=window.Shopify.analytics||{},window.Shopify.analytics.replayQueue=[],window.Shopify.analytics.publish=function(e,n,a){window.Shopify.analytics.replayQueue.push([e,n,a])});var r,i,s,l,d,c,p,u,f=a+"/"+o+"."+function(){var e="legacy",n="unknown",a=null,o=navigator.userAgent.match(/(Firefox|Chrome)\/(\d+)/i),t=navigator.userAgent.match(/(Edg)\/(\d+)/i),r=navigator.userAgent.match(/(Version)\/(\d+)(.+)(Safari)\/(\d+)/i);r?(n="safari",a=parseInt(r[2],10)):t?(n="edge",a=parseInt(t[2],10)):o&&(n=o[1].toLocaleLowerCase(),a=parseInt(o[2],10));var i={chrome:60,firefox:55,safari:11,edge:80}[n];return void 0!==i&&null!==a&&i<=a&&(e="modern"),e}()+".js";r={src:f,async:!0,onload:function(){if(e){var a=window.webPixelsManager.init(e);n(a),window.Shopify.analytics.replayQueue.forEach((function(e){a.publishCustomEvent(e[0],e[1],e[2])})),window.Shopify.analytics.replayQueue=[],window.Shopify.analytics.publish=a.publishCustomEvent}},onerror:function(){var n=(e.storefrontBaseUrl?e.storefrontBaseUrl.replace(/\/$/,""):self.location.origin)+"/.well-known/shopify/monorail/unstable/produce_batch",a=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/2.0",payload:{version:t||"latest",page_url:self.location.href,status:"failed",error_msg:f+" has failed to load"},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(n,a))return!0}catch(e){}const o=new XMLHttpRequest;try{return o.open("POST",n,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(a),!0}catch(e){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}},i=document.createElement("script"),s=r.src,l=r.async||!0,d=r.onload,c=r.onerror,p=document.head,u=document.body,i.async=l,i.src=s,d&&i.addEventListener("load",d),c&&i.addEventListener("error",c),p?p.appendChild(i):u?u.appendChild(i):console.error("Did not find a head or body element to append the script")})({shopId: 43736826022,storefrontBaseUrl: "https://ratz-fatz.com",cdnBaseUrl: "https://cdn.shopify.com",surface: "storefront-renderer",enabledBetaFlags: ["web_pixels_use_shop_domain_monorail_endpoint"],webPixelExtensionBaseUrl: "https://cdn.shopify.com",webPixelsConfigList: [],initData: {"customer":null,"cart":{"id":"ddd63b8f672e51fd13d18dc78a67dc87","cost":{"totalAmount":{"amount":15.58,"currencyCode":"EUR"}},"lines":[{"cost":{"totalAmount":{"amount":1.95,"currencyCode":"EUR"}},"merchandise":{"id":"40478214586546","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0437\/3682\/6022\/products\/colgate-zahnbuerste-total-rundum-reinigung-mittel_8312a997-2cc2-4d20-8f7a-5ac7e78e6833.png?v=1629666049"},"price":{"amount":1.95,"currencyCode":"EUR"},"sku":"dmde-8718951045118","title":"Default Title","product":{"id":"6167324491954","title":"Zahnb\u00fcrste Total Rundum-Reinigung mittel, 2 St","vendor":"Colgate"}},"quantity":1},{"cost":{"totalAmount":{"amount":4.95,"currencyCode":"EUR"}},"merchandise":{"id":"40480343982258","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0437\/3682\/6022\/products\/colgate-zahnpasta-elixir-cool-detox.png?v=1628112537"},"price":{"amount":4.95,"currencyCode":"EUR"},"sku":"dmde-6920354828683","title":"Default Title","product":{"id":"6741784658098","title":"Zahnpasta elixir Cool Detox, 80 ml","vendor":"Colgate"}},"quantity":1},{"cost":{"totalAmount":{"amount":0.8,"currencyCode":"EUR"}},"merchandise":{"id":"40480479379634","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0437\/3682\/6022\/products\/colgate-zahnpasta-komplett-extra-frisch.png?v=1629685612"},"price":{"amount":0.8,"currencyCode":"EUR"},"sku":"dmde-8718951035461","title":"Default Title","product":{"id":"6167324360882","title":"Zahnpasta komplett Extra frisch, 75 ml","vendor":"Colgate"}},"quantity":1},{"cost":{"totalAmount":{"amount":2.9,"currencyCode":"EUR"}},"merchandise":{"id":"40483624976562","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0437\/3682\/6022\/products\/colgate-zahnbuerste-extra-clean-mittel_580947d4-096e-4da7-a6d3-7c16705c9722.png?v=1629576913"},"price":{"amount":1.45,"currencyCode":"EUR"},"sku":"dmde-8714789365152","title":"Default Title","product":{"id":"6168754651314","title":"Zahnb\u00fcrste extra clean mittel, 3 St","vendor":"Colgate"}},"quantity":2},{"cost":{"totalAmount":{"amount":4.98,"currencyCode":"EUR"}},"merchandise":{"id":"40652331090098","image":{"src":"https:\/\/cdn.shopify.com\/s\/files\/1\/0437\/3682\/6022\/products\/30952598_digital-image.png?v=1628162296"},"price":{"amount":2.49,"currencyCode":"EUR"},"sku":"rewe-8402358","title":"Default Title","product":{"id":"6253282820274","title":"Colgate Zahnpasta smile for good Kariesschutz 75ml","vendor":"Colgate"}},"quantity":2}],"totalQuantity":7},"productVariants":[],"checkout":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed");},"https://cdn.shopify.com/shopifycloud/web-pixels-manager/0.0.181","browser","0.0.181");</script></head>
<body class="warehouse--v1 template-index " data-instant-intensity="viewport">
<!-- aaa: Memberships -->
<!-- end aaa code -->
<a href="#main" class="visually-hidden skip-to-content">Gehe zum Inhalt </a>
<span class="loading-bar"></span>
<div id="shopify-section-announcement-bar" class="shopify-section"><section data-section-id="announcement-bar" data-section-type="announcement-bar" data-section-settings='{
"showNewsletter": false
}'><div class="announcement-bar">
<div class="container">
<div class="announcement-bar__inner"><p class="announcement-bar__content announcement-bar__content--center">SHOP GESCHLOSSEN! KEIN VERKAUF!</p></div>
</div>
</div>
</section>
<style>
.announcement-bar {
background: #fa7d19;
color: #ffffff;
}
</style>
<script>document.documentElement.style.removeProperty('--announcement-bar-button-width');document.documentElement.style.setProperty('--announcement-bar-height', document.getElementById('shopify-section-announcement-bar').clientHeight + 'px');
</script></div>
<div id="shopify-section-popups" class="shopify-section"><div data-section-id="popups" data-section-type="popups"></div>
</div>
<div id="shopify-section-header" class="shopify-section shopify-section__header"><section data-section-id="header" data-section-type="header" data-section-settings='{
"navigationLayout": "condensed",
"desktopOpenTrigger": "hover",
"useStickyHeader": true
}'>
<header class="header header--condensed " role="banner">
<div class="container">
<div class="header__inner"><h1 class="header__logo"><a href="/" class="header__logo-link"><img class="header__logo-image"
style="max-width: 130px"
width="1417"
height="1417"
src="//cdn.shopify.com/s/files/1/0437/3682/6022/files/LOGO_RF_WEISS_RGB_130x@2x.png?v=1614296713"
alt="ratz-fatz.com "></a></h1></section>
<style>
:root {
--header-is-sticky: 1;
--header-inline-navigation: 0;
}
#shopify-section-header {
position: relative;
z-index: 5;position: -webkit-sticky;
position: sticky;
top: 0;}.header__logo-image {
max-width: 50px !important;
}
@media screen and (min-width: 641px) {
.header__logo-image {
max-width: 130px !important;
}
}@media screen and (min-width: 1000px) {
.search-bar.is-expanded .search-bar__top {
box-shadow: 0 -1px var(--border-color) inset;
}
}</style>
<script>
document.documentElement.style.setProperty('--header-height', document.getElementById('shopify-section-header').clientHeight + 'px');
</script>
</div>
<main id="main" role="main">
<div class="landingPage" style="position: relative;">
<img srcset="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/ratz-fatz-BG-600w.jpg?v=140328451411319909151628764541 600w,
//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/ratz-fatz-BG-854w.jpg?v=23425811702946717841628764541 854w,
//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/ratz-fatz-BG-1366w.jpg?v=180684220713823827261628764539 1366w,
//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/ratz-fatz-BG-1920w.jpg?v=9259472382126812721628764540 1920w,
//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/RATZ-FATZ-HINTERGRUND.jpg?v=133809748784807126641628764542 2500w"
sizes="100vw"
src=" //cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/ratz-fatz-BG-600w.jpg?v=140328451411319909151628764541"
alt="Jetzt ratz fatz testen">
<div id="PLZ" style="position: absolute; top: 75%;"></div>
</div>
<!-- <div class="alert alert-success alert-dismissible fade show" role="alert" style="position:fixed; z-index: 9999999999 !important; bottom: 0; width: 80%; background-color: #d7fdc6; border-color: #d7fdc6; color: #155724; transform: translate(calc(50vw - 50%));">
<p><b>Hinweis:</b> Aufgrund sehr hoher Nachfrage, kann das Bestellen zeitweise ausgesetzt werden. Wir arbeiten an der Verstärkung unserer Kapazitäten.</p>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div> -->
<!-- BEGIN content_for_index --><div id="shopify-section-87c2be46-50ad-476a-b3ea-bd2dc1f341ce" class="shopify-section"><section class="section" data-section-id="87c2be46-50ad-476a-b3ea-bd2dc1f341ce" data-section-type="html">
<div class="container"><header class="section__header">
<h2 class="section__title heading h3">Teaser Video</h2>
</header><div class="html rte">
<iframe width="560" height="315" src="https://www.youtube.com/embed/sAhbDl1G5u0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
</div>
</section>
</div><div id="shopify-section-4fb8cde5-9e9b-4f36-ba72-60ae56a69cda" class="shopify-section"><section class="section" data-section-id="4fb8cde5-9e9b-4f36-ba72-60ae56a69cda" data-section-type="html">
<div class="container"><header class="section__header">
<h2 class="section__title heading h3">Business Video</h2>
</header><div class="html rte">
<iframe width="560" height="315" src="https://www.youtube.com/embed/533h1_M1klI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
</div>
</section>
</div><div id="shopify-section-0c2bc4bf-f94f-4de7-80a2-622fa248de9e" class="shopify-section"><section class="section" data-section-id="0c2bc4bf-f94f-4de7-80a2-622fa248de9e" data-section-type="html">
<div class="container"><header class="section__header">
<h2 class="section__title heading h3">Beitrag WDR Lokalzeit</h2>
</header><div class="html rte">
<iframe width="560" height="315" src="https://www.youtube.com/embed/KpSs-L9TmTE?start=879" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
</div>
</div>
</section>
</div><!-- END content_for_index -->
</main><div id="shopify-section-text-with-icons" class="shopify-section"><section class="section section--tight" data-section-id="text-with-icons" data-section-type="text-with-icons">
<div class="container container--flush">
<div class="text-with-icons text-with-icons--stacked"><div class="text-with-icons__item" data-block-index="0" >
<div class="text-with-icons__icon-wrapper"><img src="//cdn.shopify.com/s/files/1/0437/3682/6022/files/Schnellliefer-Flat-2_30x30_ed79095d-da8f-4feb-ab27-7fc0cf5ec8b2_60x.png?v=1614865079" alt="" width="30" height="30"></div><div class="text-with-icons__content-wrapper"><p class="text-with-icons__title text--strong">Schnellliefer-Flat</p><div class="text-with-icons__content rte">
<p>Wir bringen dir deine Bestellung in nur <strong>3 Stunden</strong> nach Hause oder zur Arbeit. </p>
</div></div></div><div class="text-with-icons__item" data-block-index="1" >
<div class="text-with-icons__icon-wrapper"><img src="//cdn.shopify.com/s/files/1/0437/3682/6022/files/Jederzeit-bestellen-2_30x30_1461abc7-9875-4fdd-980e-2fd841a4f1d1_60x.png?v=1614865199" alt="" width="30" height="30"></div><div class="text-with-icons__content-wrapper"><p class="text-with-icons__title text--strong">Jederzeit bestellen</p><div class="text-with-icons__content rte">
<p>Auslieferungen <strong>Mo-Sa, 09:00-21:00</strong>. Bestellungen vor 18:00 werden am selben Tag geliefert (außer So). </p>
</div></div></div><div class="text-with-icons__item" data-block-index="2" >
<div class="text-with-icons__icon-wrapper"><img src="//cdn.shopify.com/s/files/1/0437/3682/6022/files/Grosse-Produktauswahl-2_30x30_04919d89-44a9-457c-b300-02064a0edf97_60x.png?v=1614865270" alt="" width="30" height="30"></div><div class="text-with-icons__content-wrapper"><p class="text-with-icons__title text--strong">Große Produktauswahl</p><div class="text-with-icons__content rte">
<p>Über <strong>50.000 Produkte</strong> aus Supermarkt, Drogerie und Elektro warten hier auf dich. </p>
</div></div></div><div class="text-with-icons__item" data-block-index="3" >
<div class="text-with-icons__icon-wrapper"><img src="//cdn.shopify.com/s/files/1/0437/3682/6022/files/Ein-Euro-pro-Tag-2_30x30_c8239492-7405-4341-90ad-011d09a803a5_60x.png?v=1614865287" alt="" width="30" height="30"></div><div class="text-with-icons__content-wrapper"><p class="text-with-icons__title text--strong">Unter 1 € pro Tag</p><div class="text-with-icons__content rte">
<p>Im Monatsabo (29€) unbegrenzt oft Produkte liefern lassen. Der erste Monat ist gratis. Du kannst jederzeit kündigen.</p>
</div></div></div></div>
</div>
</section></div>
<div id="shopify-section-footer" class="shopify-section"><footer class="footer text-white text-center text-lg-start" style="background: #64145f;">
<div class="container py-5">
<div class="row">
<div class="col-lg-6 col-md-12 mb-4 mb-md-0 d-flex justify-content-center">
<div class="footerLogo" style="margin-right: 50px;">
<img src="//cdn.shopify.com/s/files/1/0437/3682/6022/t/127/assets/yellow-logo-120w.png?v=92006195992156770251628764550" alt="ratz-fatz Logo" width="120" height="135">
</div>
<ul class="list-unstyled mb-0">
<!-- <li>
<a href="/pages/jobs" class="text-white">Jobs</a>
</li> -->
<li>
<a href="/policies/legal-notice" class="text-white">Impressum</a>
</li>
</ul>
</div>
<div class="col-lg-6 col-md-12 mb-4 mb-md-0">
<div class="askQuestion">
<h5 class="phone" style="color: #ffc82d; font-size: 22px; margin-bottom: 10px;">Der Shop ist leider geschlossen!
<div class="email-us" style="margin-top: 20px;">
<a href="mailto:service@ratz-fatz.com">service@ratz-fatz.com</a>
</div>
<!-- 0201-5657 1198 -->
</h5>
</div>
<div class="contact-us">
<p class="text-white">ratz-fatz.com GmbH
<br>Weidkamp 180
<br>45356 Essen
<br>Deutschland </p>
</div>
</div>
</div>
</div>
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">
© 2021
<a class="text-white" href="https://ratz-fatz.com/">ratz-fatz.com</a>
</div>
</footer>
</div>
<ul hidden>
<li id="a11y-new-window-message">Neues Fenster</li>
</ul>
<input type="hidden" name="aaamembership_customer_logged_id" value="" id="aaamembership_customer_logged_id">
<!-- <div class="alert alert-warning alert-dismissible fade show" role="alert" style="position:fixed; z-index: 9999999999 !important; bottom: 0; width: 80%; background-color: #ffedb6; border-color: #ffeeba; color: #856404; transform: translate(calc(50vw - 50%));">
<p>Leider ist es derzeit nicht möglich, Bestellungen aufzugeben. Versuchen Sie es am nächsten Tag.<br>Jetzt <strong><a href="/account/register">registrieren</a></strong>, bald bestellen.</p>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div> -->
<div id="warningModal" class="customModal">
<div class="customModal-content">
<span class="closeModalBtn" onclick="closeCustomModal()">&times;</span>
<div class="modal--body" style="margin: 30px 0px; padding: 0 10px; font-weight: 600;">
<p>Sind Sie sicher, Ihr Abonnement zu kündigen?</p>
</div>
<div class="modal--footer" style="margin-top: 30px; text-align: right;">
<button class="button--small button btn-secondary" onclick="closeCustomModal()">OK</button>
</div>
</div>
</div>
<div id="smsNotificationModal" class="customModal">
<div class="customModal-content">
<span class="closeModalBtn" onclick="closeCustomModal()">&times;</span>
<div class="modal--body" style="margin: 30px 0px; padding: 0 10px; font-weight: 600;">
<p style="color: #333">Geben Sie Ihre Telefonnummer für die SMS-Benachrichtigung ein:</p>
<div class="col-auto">
<label class="sr-only" for="phone">Telefonnummer</label>
<div class="input-group mb-2">
<div class="input-group-prepend">
<div class="input-group-text">+49</div>
</div>
<input type="number" class="form-control phoneNumber" id="phone">
</div>
</div>
</div>
<div class="modal--footer" style="margin-top: 30px; text-align: right;">
<button class="button--extra-small button btn-secondary" onclick="closeCustomModal()">Abbrechen</button>
<button class="button--extra-small button button--primary" id="subscribeToSmsBtn" onclick="subscribeToSMS()">Benachrichtige mich</button>
</div>
</div>
</div>
<div id="modal-add-product-template" class="modal" aria-hidden="true">
<div class="modal__dialog" role="dialog">
<header class="modal__header">
<h3 class="modal__title heading h2">Produkt zur Warenkorbvorlage<br>hinzufügen</h3>
<button class="modal__close link" data-action="close-modal" title="Schließen"><svg focusable="false" class="icon icon--close" viewBox="0 0 19 19" role="presentation">
<path d="M9.1923882 8.39339828l7.7781745-7.7781746 1.4142136 1.41421357-7.7781746 7.77817459 7.7781746 7.77817456L16.9705627 19l-7.7781745-7.7781746L1.41421356 19 0 17.5857864l7.7781746-7.77817456L0 2.02943725 1.41421356.61522369 9.1923882 8.39339828z" fill="currentColor" fill-rule="evenodd"></path>
</svg></button>
</header>
<div class="template-required text-center my-4" style="display: none;">
<p>Bitte erstelle zuerst eine Warenkorbvorlage.</p>
<button class="button button--small button--primary saveCartTemplate" data-action="close-modal" data-template-empty="true">Warenkorbvorlage erstellen</button>
</div>
<p class="success-add-template" style="color: green; display: none; text-align: center; margin: 3rem 0;">Produkt wurde erfolgreich zur Vorlage hinzugefügt.</p>
<div class="modal__content modal__content--ios-push">
<p class="modal__description">Zu welcher Warenkorbvorlage soll das Produkt hinzugefügt werden?</p>
<ul class="list-style-none templates-list mb-4 mx-4">
</ul>
<p class="warning-text mx-4" style="color: red; display: none">Bitte wählst du eine Vorlage!</p>
<div class="button-group button-group--loose button-group--fit modal-button-group">
<button class="button button--ternary button--extra-small" data-action="close-modal">Abbrechen</button>
<button class="button button--primary button--extra-small add-product-to-template">Speichern</button>
</div>
</div>
</div>
</div>
<!-- OneSignal app Subscription button -->
<div class='onesignal-customlink-container' style="display: none;"></div>
<!-- custom scripts -->
<script>
/* close the cart popup when user clicks on search input */
setTimeout(function(){
$('.search-bar__input').on("click", function() {
$('.search-bar__input').focus();
$('.header__cart-toggle').attr("aria-expanded", "false");
$('#mini-cart').attr("aria-hidden", "true");
$('.header__search-bar-wrapper').addClass("is-fixed");
$('form.search-bar').addClass("is-expanded");
$('body').addClass("snize-instant-widget-is-open");
});
},4000);
/* Overwrite a text for Zipcode checker app */
setTimeout(function(){
$('#email-input-submit-button').click(function() {
var zipCodeError = document.getElementById('pw-app-server-error');
if(zipCodeError && zipCodeError.innerText.includes('Please submit required fields')){
zipCodeError.innerText = zipCodeError.innerText.replace('Please submit required field', 'Bitte füllen Sie die erforderlichen Felder aus');
}
});
},5000);
function closeModal(){
document.getElementById("confirmZipcode").style.height = "0" ;
}
/* force customer to enter zipcode */
$(document).on('click', '.buyButton', async function(event){
if($(this).attr("data-allow-submit")){
return true;
}
event.preventDefault();
$('.header__action-item--cart a').attr("aria-expanded","false");
$('.header__action-item--cart form').attr("aria-hidden","true");
var getZipCodeCookie = document.cookie.match('(^|;)\\s*' + 'rbz-zipcode' + '\\s*=\\s*([^;]+)')?.pop() || '';
var isInTheZipCodeArea = document.cookie.match('(^|;)\\s*' + 'rbz-is-serviceable-zipcode' + '\\s*=\\s*([^;]+)')?.pop() || '';
var monthToSecond = 30 * 24 * 60 * 60 * 1000;
var zipCodeArea = ["45127", "45128", "45130", "45131", "45133", "45134", "45136", "45138", "45139", "45143", "45144", "45145", "45147", "45149", "45472", "45276"];
var customerInTheArea = false;
var cartData = await getCartData()
var zipcodes = [];
if(customerData.customerAddresses){
customerData.customerAddresses.forEach(address => {
if(zipCodeArea.includes(address.zip)){
customerInTheArea = true;
}
else{
if(address.zip){
zipcodes.push(address.zip)
}
}
})
}
if(!isInTheZipCodeArea && !customerData.customerAddresses){
// if(!isInTheZipCodeArea){
$('#warningModal .modal--body').html(`Bitte prüfe erst, ob wir in dein PLZ Gebiet liefern <a href="/#PLZ" onclick="closeModal()" style="font-weight: 600; color: #007bff;">hier</a>.`)
document.getElementById("warningModal").style.display = "block";
return false;
}
else if((!customerData.loggedIn && isInTheZipCodeArea === "false") || (customerData.loggedIn && !customerInTheArea)){
// else if (isInTheZipCodeArea === "false"){
if(!customerData.loggedIn){
$('#warningModal .modal--body').html(`Sorry. Leider liefern wir noch nicht nach <strong>${zipcodes.length > 0 ? zipcodes.join(',') : getZipCodeCookie}</strong>.<br> Setz dich hier auf die Warteliste: <a href="/#PLZ" onclick="closeModal()">https://ratz-fatz.com/#PLZ</a>`)
}
else{
$('#warningModal .modal--body').html(`Sorry. Leider liefern wir noch nicht in folgende PLZ Gebiete: <strong>${zipcodes.join(',')}</strong>.<br><br> Setze dich entweder auf die <strong>Warteliste</strong> oder hinterlege eine andere PLZ in deinem <strong>Kundenkonto</strong>.`)
$('#warningModal .modal--footer').html(`<a href="/#PLZ" class="button--extra-small button btn-secondary" onclick="closeCustomModal()">Zur Warteliste</a><a href="/account/addresses" class="button--extra-small button btn-secondary" style="margin-left: auto;" onclick="closeCustomModal()">Zum Kundenkonto</a>`)
$('#warningModal .modal--footer').css({ 'display': 'flex'})
}
document.getElementById("warningModal").style.display = "block";
return false;
}
else if(isInTheZipCodeArea === "true" || customerInTheArea){
// else if(isInTheZipCodeArea === "true"){
// if(cartItems > itemsLimit){
// $('#warningModal .modal--body').html(`Du hast die Grenze von 100 Artikel pro Bestellung überschritten. Bitte entferne <strong>${cartItems - itemsLimit}</strong> Artikel damit du bestellen kannst.`)
// document.getElementById("warningModal").style.display = "block";
// return false;
// }
var itemsLimit = await checkTrafficLight();
if(itemsLimit.limitReached){
if(itemsLimit.greenLight){
$('#warningModal .modal--body').html(`Du hast die Grenze von ${greenLightLimit} Artikel pro Bestellung überschritten.<br>Bitte entferne <strong>${itemsLimit.cartItemCount - greenLightLimit}</strong> Artikel damit du bestellen kannst.`)
}
else if(itemsLimit.yellowLight){
$('#warningModal .modal--body').html(`Du hast die Grenze von ${yellowLightLimit} Artikel pro Bestellung überschritten.<br>Bitte entferne <strong>${itemsLimit.cartItemCount - yellowLightLimit}</strong> Artikel damit du bestellen kannst.`)
}
document.getElementById("warningModal").style.display = "block";
return false;
}
var totalUnfulfilledItems = customerData.loggedIn && customerData.tags.includes('subscribed') ? unfulfilledItems.subscribedCustomers : unfulfilledItems.notSubscribedCustomers ;
if(totalUnfulfilledItems >= ordersLimit){
window.location.href="/?ordersnotallowed=true";
}
else{
window.location.href="/account/login"
}
}
});
/* Change cookie banner style */
$(function() {
var checkBanner = setInterval(function(){
if($('#shopify-privacy-banner-div').length > 0) {
var cookieBanner= document.getElementById("shopify-privacy-banner-div");
var cookieBannerBtnGroup = document.getElementById("shopify-privacy-banner-button-div");
var acceptBtn = document.getElementById("shopify-privacy-banner-accept-button");
var declineBtn = document.getElementById("shopify-privacy-banner-decline-button");
var privacyPolicyText = document.getElementById('shopify-privacy-banner-privacy-policy');
if(privacyPolicyText.innerText.includes('Privacy Policy')){
privacyPolicyText.innerText = privacyPolicyText.innerText.replace('Privacy Policy', 'Datenschutzerklärung');
}
cookieBanner.style.width = "70%";
cookieBanner.style.left = "50%";
cookieBanner.style.top = "50%";
cookieBanner.style.transform = "translate(-50%,-50%)";
cookieBanner.style.backgroundColor="#f5f5f5";
cookieBanner.style.boxShadow = "0px 9px 25px -6px rgb(0 0 0 / 75%)";
cookieBanner.style.bottom = "initial";
cookieBannerBtnGroup.style.marginTop="20px";
cookieBannerBtnGroup.style.display="inline-grid";
cookieBannerBtnGroup.style.width="100%";
cookieBannerBtnGroup.style.justifyContent="center";
acceptBtn.style.background= "#64145f";
if (window.matchMedia("(max-width: 490px)").matches) {
/* The viewport is less than, or equal to, 490 pixels wide */
acceptBtn.style.width= "170px";
} else {
/* The viewport is greater than 490 pixels wide */
acceptBtn.style.width= "300px";
}
acceptBtn.style.fontSize= "22px";
acceptBtn.style.border= "0";
declineBtn.style.fontSize= "12px";
declineBtn.style.border = "0";
declineBtn.style.background = "none";
clearInterval(checkBanner);
}
}, 500);
/* try to change styling of add to cart button */
var seachAddToCartButton = setInterval(function(){
if($('.snize-add-to-cart-button').length > 0) {
var cartButton = document.querySelectorAll('.snize-add-to-cart-button');
cartButton.forEach(el => {
el.style.display = 'block';
el.style.position = 'relative';
el.style.left= '0';
el.style.marginLeft = 'auto';
el.style.visibility = 'visible';
el.style.top = '0';
})
clearInterval(seachAddToCartButton);
}
}, 500);
/* try to change styling of add to cart button after pagination */
var searchPaginationButton = setInterval(function(){
if($('.snize-pagination li a').length > 0) {
$('.snize-pagination li a').click(function() {
setTimeout(function() {
var cartButton = document.querySelectorAll('.snize-add-to-cart-button');
cartButton.forEach(el => {
el.style.display = 'block';
el.style.position = 'relative';
el.style.left= '0';
el.style.marginLeft = 'auto';
el.style.visibility = 'visible';
el.style.top = '0';
})
}, 4000);
});
clearInterval(searchPaginationButton);
}
}, 500);
/* get notified by mail for users who enter a zipcode out of Area */
var checkZipcodeButton = setInterval(function(){
if($('#zipcode-input-submit-button').length > 0) {
$('#zipcode-input-submit-button').click(function() {
setTimeout(function() {
var zipcodeAvailability = document.cookie.match('(^|;)\\s*' + 'rbz-is-serviceable-zipcode' + '\\s*=\\s*([^;]+)')?.pop() || '';
var zipcodeValue = document.cookie.match('(^|;)\\s*' + 'rbz-zipcode' + '\\s*=\\s*([^;]+)')?.pop() || '';
if(zipcodeAvailability == "false"){
emailjs.init("user_IS3CyDhhkkqAy01wl6oZ3"); //Insert your User ID
var templateParams = {
zipcode: zipcodeValue,
};
emailjs.send('service_9sbf89b', 'zipcodeNofitication', templateParams) //Insert your email service ID and email template ID
.then(function(response) {
console.log('SUCCESS!', response.status, response.text);
}, function(error) {
console.log('FAILED...', error);
});
}
}, 4000);
});
clearInterval(checkZipcodeButton);
}
}, 500);
});
</script>
<!-- Bootstrap scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" async></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" async></script>
<!-- Zip code checker app -->
<script id="rbz-theme-header-js" src="https://restrict-by-zipcode.herokuapp.com/public/script-tags/zipcode-restriction.min.js?shop=catapultshop.myshopify.com" defer></script>
<link rel="stylesheet" disabled href="https://restrict-by-zipcode.herokuapp.com/public/script-tags/zipcode-restriction.css">
<!-- Tidio App integration -->
<script src="https://code.tidio.co/q1xjf1oec9c8cv8vvfzofkbieebil3l3.js" defer></script>
<!-- EmailJs -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@2.4.0/dist/email.min.js" defer></script>
<div id="shopify-block-8942208844547249051" class="shopify-block shopify-app-block">
</div></body>
</html>