</ifra me></noscript> <!-- End Google Tag Manager (noscript) --> <div id="SearchDrawer" class="search-bar drawer drawer--top"> <div class="search-bar__table"> <form action="/search" method="get" class="search-bar__table-cell search-bar__form" role="search"> <div class="search-bar__table"> <div class="search-bar__table-cell search-bar__icon-cell"> <button type="submit" class="search-bar__icon-button search-bar__submit"> <span class="icon icon-search" aria-hidden="true"></span> <span class="icon__fallback-text">Search</span> </button> </div> <div class="search-bar__table-cell"> <input type="search" id="SearchInput" name="q" value="" placeholder="Search our store" aria-label="Search our store" class="search-bar__input"> </div> </div> </form> <div class="search-bar__table-cell text-right"> <button type="button" class="search-bar__icon-button search-bar__close js-drawer-close"> <span class="icon icon-x" aria-hidden="true"></span> <span class="icon__fallback-text">close (esc)</span> </button> </div> </div> </div> <div id="NavDrawer" class="drawer drawer--left"> <div class="drawer__header"> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <span class="icon icon-x" aria-hidden="true"></span> <span class="icon__fallback-text">Close menu</span> </button> </div> </div> <div class="drawer__inner"> <ul class="drawer-nav"> <li class="drawer-nav__item"> <a href="/" class="drawer-nav__link h2">Home</a> </li> <li class="drawer-nav__item"> <a href="https://snapwag.com/pages/choose-a-side" class="drawer-nav__link h2">Get Started</a> </li> <li class="drawer-nav__item"> <a href="https://snapwag.com/pages/learn" class="drawer-nav__link h2">Learn</a> </li> <li class="drawer-nav__item"> <a href="https://snapwag.com/pages/about-the-snapwag-team" class="drawer-nav__link h2">About Us</a> </li> <li class="drawer-nav__item"> <a href="https://snapwag.com/pages/frequently-asked-questions" class="drawer-nav__link h2">FAQ</a> </li> <li class="drawer-nav__item"> <a href="https://snapwag.com/pages/contact-snapwag" class="drawer-nav__link h2">Contact</a> </li> <li class="drawer-nav__spacer"></li> <li class="drawer-nav__item drawer-nav__item--secondary"> <a href="/account/login" id="customer_login_link">Log in</a> </li> <li class="drawer-nav__item drawer-nav__item--secondary"> <a href="/account/register" id="customer_register_link">Create account</a> </li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/about-us">About</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/more-about-the-food">SnapWag's Food</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/more-about-the-toys">SnapWag's Toys</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/more-about-the-treats">SnapWag's Treats</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/faqs">FAQs</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/blogs/news">Blog</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/privacy-policy">Privacy Policy</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/refund-policy">Returns & Exchanges</a></li> <li class="drawer-nav__item drawer-nav__item--secondary"><a href="/pages/terms-of-service">Terms of Service</a></li> </ul> <ul class="list--inline social-icons social-icons--drawer"> <li> <a href="https://twitter.com/snapwagco" title="SnapWag on Twitter"> <span class="icon icon-twitter" aria-hidden="true"></span> <span class="visually-hidden">Twitter</span> </a> </li> <li> <a href="https://www.facebook.com/snapwag/" title="SnapWag on Facebook"> <span class="icon icon-facebook" aria-hidden="true"></span> <span class="visually-hidden">Facebook</span> </a> </li> <li> <a href="https://www.instagram.com/snapwagco" title="SnapWag on Instagram"> <span class="icon icon-instagram" aria-hidden="true"></span> <span class="visually-hidden">Instagram</span> </a> </li> </ul> </div> </div> <div id="CartDrawer" class="drawer drawer--right drawer--has-fixed-footer"> <div class="drawer__header"> <div class="drawer__close"> <button type="button" class="drawer__close-button js-drawer-close"> <span class="icon icon-x" aria-hidden="true"></span> <span class="icon__fallback-text">Close cart</span> </button> </div> </div> <div class="drawer__inner"> <div id="CartContainer"> </div> </div> </div> <div id="PageContainer"> <div class="site-header-wrapper"> <div class="site-header-container"> <header class="site-header" role="banner"> <div class="wrapperrrrr site-header__layer"> <div class=""> <div class="grid grid--no-gutters grid--table site-header__inner"> <div class="grid__item one-third medium-up--two-fifths"> <div class="site-header__navbar"> <button type="button" class="text-link site-header__toggle-nav js-drawer-open-left site-header__main-link"> <span class="icon icon-hamburger" aria-hidden="true"></span> <span class="icon__fallback-text">Menu</span> </button> <ul class="site-header__topnav site-header__navbar-list"> <li class="site-header__topnav-item"> <a href="/" class="site-header__topnav-link site-header__main-link">Home</a> </li> <li class="site-header__topnav-item"> <a href="https://snapwag.com/pages/choose-a-side" class="site-header__topnav-link site-header__main-link">Get Started</a> </li> <li class="site-header__topnav-item"> <a href="https://snapwag.com/pages/learn" class="site-header__topnav-link site-header__main-link">Learn</a> </li> </ul> </div> </div> <div class="grid__item one-third medium-up--one-fifth"> <div class="site-header__logo h1" itemscope itemtype="http://schema.org/Organization"> <a href="/" itemprop="url" class="site-header__logo-link text-center"> <img class="site-header__logo-image" src="//cdn.shopify.com/s/files/1/1246/2429/t/23/assets/logo.png?67740" alt="SnapWag" itemprop="logo"> </a> </div> </div> <div class="grid__item one-third medium-up--two-fifths text-right"> <div class="site-header__navbar"> <ul class="site-header__navbar-list site-header__topnav site-header__topnav--right"> <li class="site-header__topnav-item"> <a href="https://snapwag.com/pages/about-the-snapwag-team" class="site-header__topnav-link site-header__main-link">About Us</a> </li> <li class="site-header__topnav-item"> <a href="https://snapwag.com/pages/frequently-asked-questions" class="site-header__topnav-link site-header__main-link">FAQ</a> </li> <li class="site-header__topnav-item"> <a href="https://snapwag.com/pages/contact-snapwag" class="site-header__topnav-link site-header__main-link">Contact</a> </li> </ul> <a href="/account" class="site-header__account site-header__main-link"> <img class="site-header__account-icon" src="//cdn.shopify.com/s/files/1/1246/2429/t/23/assets/icon-account.svg?67740"> </a> <a href="/cart" class="site-header__cart site-header__main-link cart-link"> <span class="icon icon-cart" aria-hidden="true"></span> <span class="icon__fallback-text">Cart</span> </a> </div> </div> </div> </div> </div> </header> </div> </div> <main class="main-content" role="main"> <!--Gem_Page_Main_Editor--><div class="clearfix"></div><div class="gryffeditor"> <div data-label="Heading" id="e-1493401675136" class="element-wrap" data-icon="eicon-headphones" data-id="1493401675136"><div class="elm text-edit gf-elm-center"><h1><font class="w6" color="#212121">Do you want to customize your Play Box or let SnapWag surprise you?</font></h1></div></div><div class="gf_row tool-working" data-label="Row" id="r-1493401640989" data-icon="images/icons/default.png" data-id="1493401640989"><div class="gf_column gf_col-md-6" id="c-1493401640968" data-id="1493401640968"><div data-label="Heading" id="e-1493401659119" class="element-wrap" data-icon="eicon-headphones" data-id="1493401659119"><div class="elm text-edit gf-elm-center"><h1><font class="K7">Surprise me!</font></h1></div></div><div data-label="Text Block" id="e-1493752497836" class="element-wrap" data-icon="eicon-animation-text" data-id="1493752497836"><div class="elm text-edit"><p style="text-align: center;"><font class="x7">We'll send you items that we think your dog will love.</font></p></div></div><div data-label="Heading" id="e-1493748383833" class="element-wrap" data-icon="eicon-headphones" data-id="1493748383833"><div class="elm text-edit gf-elm-center"><h1><font color="#dc5c32" class="Q5">$32.99</font></h1></div></div><div data-label="Heading" id="e-1493752197255" class="element-wrap" data-icon="eicon-headphones" data-id="1493752197255"><div class="elm text-edit gf-elm-center"><h1>Dog Breed:</h1></div></div><div data-label="Dropdown" data-form="1" id="e-1493748476959" class="element-wrap" data-icon="eicon-select" data-id="1493748476959"><div class="elm gf-elm-center"><select class="gf_dropdown" name="field-1493751185156"><option value="value1">Option 1</option><option value="value2">Option 2</option><option value="value3">Option 3</option></select></div></div><div data-label="Button" id="e-1493752272227" class="element-wrap" data-icon="eicon-button" data-id="1493752272227"><div class="elm gf-elm-center"><a class="button btn gf_button" href="#" target="" data-exc="">Purchase</a></div></div></div><div class="gf_column gf_col-md-6" id="c-1493401655690" data-id="1493401655690"><div data-label="Heading" id="e-1493401664436" class="element-wrap" data-icon="eicon-headphones" data-id="1493401664436"><div class="elm text-edit gf-elm-center"><h1><font class="h0">Let's customize it!</font></h1></div></div><div data-label="Text Block" id="e-1493752526382" class="element-wrap" data-icon="eicon-animation-text" data-id="1493752526382"><div class="elm text-edit"><p style="text-align: center;"><font class="x7">Customize which types of items your dog receives.</font></p></div></div><div data-label="Heading" id="e-1493748267175" class="element-wrap" data-icon="eicon-headphones" data-id="1493748267175"><div class="elm text-edit gf-elm-center"><h1><font color="#dc5c32" class="Q5">$34.99</font></h1></div></div><div data-label="Heading" id="e-1493752391556" class="element-wrap" data-icon="eicon-headphones" data-id="1493752391556"><div class="elm text-edit gf-elm-center"><h1>Dog Breed:</h1></div></div><div data-label="Dropdown" data-form="1" id="e-1493752396731" class="element-wrap" data-icon="eicon-select" data-id="1493752396731"><div class="elm gf-elm-center"><select class="gf_dropdown" name="field-1493752398886"><option value="value1">Option 1</option><option value="value2">Option 2</option><option value="value3">Option 3</option></select></div></div><div data-label="Button" id="e-1493752305266" class="element-wrap" data-icon="eicon-button" data-id="1493752305266"><div class="elm gf-elm-center"><a class="button btn gf_button" href="#" target="" data-exc="">Purchase</a></div></div></div></div> </div><div id="divContentBk"></div><!--End_Gem_Page_Main_Editor--> </main> <footer class="site-footer" role="contentinfo"> <ul class="list--inline site-footer__linklist"> <li class="h4"><a href="/pages/about-us">About</a></li> <li class="h4"><a href="/pages/more-about-the-food">SnapWag's Food</a></li> <li class="h4"><a href="/pages/more-about-the-toys">SnapWag's Toys</a></li> <li class="h4"><a href="/pages/more-about-the-treats">SnapWag's Treats</a></li> <li class="h4"><a href="/pages/faqs">FAQs</a></li> <li class="h4"><a href="/blogs/news">Blog</a></li> <li class="h4"><a href="/pages/privacy-policy">Privacy Policy</a></li> <li class="h4"><a href="/pages/refund-policy">Returns & Exchanges</a></li> <li class="h4"><a href="/pages/terms-of-service">Terms of Service</a></li> </ul> <ul class="list--inline site-footer__social-links"> <li> <a href="https://twitter.com/snapwagco" title="SnapWag on Twitter"> <span class="icon icon-twitter site-footer__social-icon" aria-hidden="true"></span> <span class="visually-hidden">Twitter</span> </a> </li> <li> <a href="https://www.facebook.com/snapwag/" title="SnapWag on Facebook"> <span class="icon icon-facebook site-footer__social-icon" aria-hidden="true"></span> <span class="visually-hidden">Facebook</span> </a> </li> <li> <a href="https://www.instagram.com/snapwagco" title="SnapWag on Instagram"> <span class="icon icon-instagram site-footer__social-icon" aria-hidden="true"></span> <span class="visually-hidden">Instagram</span> </a> </li> </ul> <div class="grid text-center large-up--grid--table"> <div class="grid__item large-up--one-quarter text-center"> </div> </div> </footer> </div> <script src="//cdn.shopify.com/s/assets/themes_support/api.jquery-e94e010e92e659b566dbc436fdfe5242764380e00398907a14955ba301a4749f.js" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/1246/2429/t/23/assets/theme.js?67740" type="text/javascript"></script> <script src="//cdn.shopify.com/s/files/1/1246/2429/t/23/assets/jquery.magnific-popup.min.js?67740" type="text/javascript"></script> <script> // $(document).ready(function() { // $('.js-image-link').magnificPopup({type:'image'}); // }); </script> <script> function addItemToCart(variant_id, subscription_id, shipping_interval_frequency, shipping_interval_unit_type) { data = { 'id': variant_id, 'quantity': 1, 'properties[subscription_id]': subscription_id, 'properties[shipping_interval_frequency]': shipping_interval_frequency, 'properties[shipping_interval_unit_type]': shipping_interval_unit_type } jQuery.ajax({ type: 'POST', url: '/cart/add.js', data: data, dataType: 'json', success: function() { window.location.href = '/cart'; } }); } $(document).ready(function(){ // TINY FISH SINGLE $('#m-1500570013066-3 button').click(function(){ addItemToCart(43049941068, '71605', '1', 'Months'); return false; }); // TINY FISH DOUBLE $('#m-1500574106771-3 button').click(function(){ addItemToCart(43051518924, '71605', '1', 'Months'); return false; }); // TINY FISH TRIPLE $('#m-1500574124906-3 button').click(function(){ addItemToCart(43051606540, '71605', '1', 'Months'); return false; }); // TINY CHICKEN SINGLE $('#m-1500587041206-3 button').click(function(){ addItemToCart(43051618380, '71605', '1', 'Months'); return false; }); // TINY CHICKEN DOUBLE $('#m-1500587212864-3 button').click(function(){ addItemToCart(43051630604, '71605', '1', 'Months'); return false; }); // TINY CHICKEN TRIPLE $('#m-1500587208284-3 button').click(function(){ addItemToCart(43051694412, '71605', '1', 'Months'); return false; }); // SMALL FISH SINGLE $('#m-1500590179623-3 button').click(function(){ addItemToCart(43052062732, '71605', '1', 'Months'); return false; }); // SMALL FISH DOUBLE $('#m-1500590359947-3 button').click(function(){ addItemToCart(43052075212, '71605', '1', 'Months'); return false; }); // SMALL FISH TRIPLE $('#m-1500590370559-3 button').click(function(){ addItemToCart(43052089740, '71605', '1', 'Months'); return false; }); // SMALL CHICKEN SINGLE $('#m-1500589767221-3 button').click(function(){ addItemToCart(43052120460, '71605', '1', 'Months'); return false; }); // SMALL CHICKEN DOUBLE $('#m-1500589559786-3 button').click(function(){ addItemToCart(43052128844, '71605', '1', 'Months'); return false; }); // SMALL CHICKEN TRIPLE $('#m-1500589762282-3 button').click(function(){ addItemToCart(43052120460, '71605', '1', 'Months'); return false; }); // MEDIUM FISH SINGLE $('#m-1500591599397-3 button').click(function(){ addItemToCart(43052336396, '71605', '1', 'Months'); return false; }); // MEDIUM FISH DOUBLE $('#m-1500591704512-3 button').click(function(){ addItemToCart(43052351500, '71605', '1', 'Months'); return false; }); // MEDIUM FISH TRIPLE $('#m-1500591713077-3 button').click(function(){ addItemToCart(43052360140, '71605', '1', 'Months'); return false; }); // MEDIUM CHICKEN SINGLE $('#m-1500592122619-3 button').click(function(){ addItemToCart(43052382220, '71605', '1', 'Months'); return false; }); // MEDIUM CHICKEN DOUBLE $('#m-1500592224748-3 button').click(function(){ addItemToCart(43052393740, '71605', '1', 'Months'); return false; }); // MEDIUM CHICKEN TRIPLE $('#m-1500592220792-3 button').click(function(){ addItemToCart(43052410444, '71605', '1', 'Months'); return false; }); // LARGE FISH SINGLE $('#m-1500594401853-3 button').click(function(){ addItemToCart(43052668620, '71605', '1', 'Months'); return false; }); // LARGE FISH DOUBLE $('#m-1500594539994-3 button').click(function(){ addItemToCart(43052683788, '71605', '1', 'Months'); return false; }); // LARGE FISH TRIPLE $('#m-1500594537733-3 button').click(function(){ addItemToCart(43052692940, '71605', '1', 'Months'); return false; }); // LARGE CHICKEN SINGLE $('#m-1500595265103-3 button').click(function(){ addItemToCart(43053364172, '71605', '1', 'Months'); return false; }); // LARGE CHICKEN DOUBLE $('#m-1500595383813-3 button').click(function(){ addItemToCart(43053370956, '71605', '1', 'Months'); return false; }); // LARGE CHICKEN TRIPLE $('#m-1500595382659-3 button').click(function(){ addItemToCart(43053399372, '71605', '1', 'Months'); return false; }); // XL FISH SINGLE $('#m-1500595738464-3 button').click(function(){ addItemToCart(43053500812, '71605', '1', 'Months'); return false; }); // XL FISH DOUBLE $('#m-1500595914521-3 button').click(function(){ addItemToCart(43053508684, '71605', '1', 'Months'); return false; }); // XL FISH TRIPLE $('#m-1500595910293-3 button').click(function(){ addItemToCart(43053515788, '71605', '1', 'Months'); return false; }); // XL CHICKEN SINGLE $('#m-1500597548150-3 button').click(function(){ addItemToCart(43053527884, '71605', '1', 'Months'); return false; }); // XL CHICKEN DOUBLE $('#m-1500597628994-3 button').click(function(){ addItemToCart(43053553228, '71605', '1', 'Months'); return false; }); // XL CHICKEN TRIPLE $('#m-1500597626812-3 button').click(function(){ addItemToCart(43053567820, '71605', '1', 'Months'); return false; }); }); </script> <!-- HEADER FIX --> <!-- <style type="text/css"> .site-header-wrapper, .site-header-container, .site-header, .site-header__layer { background: transparent !important; } .site-header__inner { background: rgba(0, 0, 0, 0.0) !important; } .site-header-wrapper { position: absolute; } </style> --> <script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> <script> function saveCartNoteThenRedirectToCart() { try { data={} if( rjQuery('[name="note"]').val() != undefined ){ data['note'] = rjQuery('[name="note"]').val(); has_cart_note_or_attribute= true } if (has_cart_note_or_attribute) { rjQuery.ajax({ type: 'POST', data: data, url: '/cart/update.js', dataType: 'json', success: function() { window.location.href='/cart' } }); } else { window.location.href='/cart' } } catch (e) { window.location.href='/cart' } //endtrycatch } rjQuery = jQuery.noConflict( true ); var checkout_button_selectors = '[href="/checkout"], form[action="/cart"] button[type="submit"], form[action="/cart"] input[type="submit"], form[action="/checkout"] input[type="submit"],form[action="/checkout"] button[type="submit"]' rjQuery('body').on('click', checkout_button_selectors, function(e){ e.preventDefault(); window.location.href = '/cart'; }) rjQuery(checkout_button_selectors).click( function(event) { event.preventDefault(); saveCartNoteThenRedirectToCart() }); </script> <!--Gem_Page_Footer_Script--> <script data-instant-track type="text/javascript"> var pageLibs = [ '//cdn.shopify.com/s/files/1/1246/2429/t/23/assets/gem-page-play-box-subscription-customize-or-surprise.js?67740', ];</script><script data-instant-track type="text/javascript" src="https://www.youtube.com/player_api" class="gf-script" defer="defer"></script><script data-instant-track type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDLPebA_baWYMkLhuEVB-YtnBQIz571zlA" class="gf-script" defer="defer"></script><script data-instant-track type="text/javascript"> var GEMVENDOR = GEMVENDOR || (function(){ var _js = {}; return { init: function(Args) { _js = Args; }, getLibs: function() { return _js; } }; }()); GEMVENDOR.init(pageLibs);</script><script data-instant-track type="text/javascript" src="https://d1um8515vdn9kb.cloudfront.net/files/gempagev1.js?v=1.0" class="gf-script" defer></script> <!--End_Gem_Page_Footer_Script--> <!-- Warning: Do not remove. This is used for CartHook Checkout Replacement --> <script src="https://api.c.carthook.com/api/v1/integrations/shopify/fetch.js?shop=snapwag.myshopify.com" type="text/javascript"></script> <script src="https://api.c.carthook.com/api/v1/integrations/shopify/clear_cart.js?shop=snapwag.myshopify.com" type="text/javascript"></script> <!-- Warning: Do not remove. This is used for CartHook Checkout Replacement --> <script> var oneClickUpsellGetCheckoutUrl; (function() { var utils={cookie:{options:{expires:86400,path:"/",encodeValue:!1},get:function(e){var o=document.cookie.match(new RegExp("(?:^|; )"+e.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)"));return o?decodeURIComponent(o[1]):void 0},set:function(e,o,t){var n=(t=t||{}).expires;if("number"==typeof n&&n){var r=new Date;r.setTime(r.getTime()+1e3*n),n=t.expires=r}n&&n.toUTCString&&(t.expires=n.toUTCString());var i=e+"="+(o=encodeURIComponent(o));for(var c in t){i+="; "+c;var a=t[c];!0!==a&&(i+="="+a)}document.cookie=i},remove:function(e){utils.cookie.set(e,null,{expires:-1})}},queryParams:function(e){var o={};return e.replace("?","").split("&").forEach(function(e){var t=e.split("=")[0],n=e.split("=")[1];o[t]=decodeURIComponent(n)}),o}}; var lqd = { template_name: 'page', upsell_cart_include_upsells: false, skip_cart: 'false' === 'true', disabled_by_subscription_app: false, subscription_products_json: '', cart_products_json: [], customer_id: "", proxy_url: '/apps/secure-checkout', permanent_domain: 'snapwag.myshopify.com', current_domain: '', subscription_products_size: 0 }; (function getShareableDiscount() { var params = utils.queryParams(location.search); var discount = params.discount; if (!discount) return; utils.cookie.set('ocu-share-discount', discount, utils.cookie.options); history.pushState(null, null, location.href.replace(/\?.+/, '')); })(); var ocuCallback = function(jQ) { initSkipCart(); initBuyNow(); var upsellCheckoutButtonSelectors = "[name='checkout'], [href='/checkout'], form[action='/checkout'] input[type='submit'], #checkout, [name='goto_pp'], .checkout_button, button:contains('Checkout')"; var checkoutParams = ''; var checkoutParamsArray = []; var requirePayPal = false; var redirectTimeout = 8000; var docArticle = jQ(upsellCheckoutButtonSelectors)[0]; var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var checkoutButtonState = false; oneClickUpsellGetCheckoutUrl = { init: function() { this.def = jQ.Deferred(); return this.create.bind(this); }, create: function(config) { if (config === 'skip_cart') return jQ.Deferred().resolve(lqd.skip_cart); this.prepare(config); this.verify(); return this.config.redirect ? this.def.promise().done(this.redirect) : this.def.promise(); }, prepare: function(config) { this.config = config || {}; this.config.button && checkPayPal(jQ(this.config.button)); this.config.params && this.params(); integrationWithOtherApps(); buildCheckoutParams(); checkoutParams = checkoutParams ? '?' + checkoutParams : ''; }, verify: function() { ocuVerifyCurrentCartData() .pipe(ocuSaveCart) .pipe(ocuGetCart) .pipe(ocuVerifyUpsellsApi) .done(this.resolve.bind(this)); }, resolve: function(res) { this.def.resolve(this.build(res)); }, build: function(res) { return { status: res.status, checkout_url: (res.status ? res.checkout_url : '/checkout') + checkoutParams, skip_cart: lqd.skip_cart }; }, params: function() { this.config.params .map(function(param) { return Object.keys(param).map(function(key) { return { name: encodeURIComponent(key), value: encodeURIComponent(param[key]) }; })[0]; }) .forEach(function(param) { checkoutParamsArray.push(param); }); }, redirect: function(res) { location.href = res.checkout_url; } }.init(); function smar7Integration() { if (!SMAR7.bundle) { var count = 0; var interval = setInterval(function() { // for ie if (SMAR7.bundle && SMAR7.bundle.isIntegrated) return; count++; if (count > 4) clearInterval(interval); if (SMAR7.bundle) { SMAR7.bundle.redirect = redirect; SMAR7.bundle.isIntegrated = true; clearInterval(interval); } }, 1000); } else { SMAR7.bundle.redirect = redirect; SMAR7.bundle.isIntegrated = true; } function redirect(discount) { var button, path; if (discount) { SMAR7.util.setCookie('smar7coupon', discount, 3600); } else { discount = SMAR7.bundle.helper.determineCoupon(); } if (SMAR7.paypal) { path = '/checkout?goto_pp=paypal_express&discount=' + encodeURIComponent(discount); button = jQ('[name="goto_pp"]'); } else { path = '/checkout?discount=' + encodeURIComponent(discount); button = jQ('[name="checkout"], [href="/checkout"], form[action="/checkout"] input[type="submit"], #checkout'); } ocuVerifyCurrentCartData().then(function(data) { if (data.upsell_cart_include_upsells) { discount && checkoutParamsArray.push({ name: 'discount', value: encodeURIComponent(discount) }); button.on('click', upsellsCheckoutRedirect); button.click(); } else { location.href = path; } }); }; } function initSkipCart() { var isSkipCartPage = lqd.template_name === 'collection' || lqd.template_name === 'product' && lqd.upsell_cart_include_upsells; lqd.skip_cart && isSkipCartPage && setTimeout(function() { removeAddToCartEvents() }); } function removeAddToCartEvents() { var forms = document.querySelectorAll('form[action*="cart"], [data-zp-add-to-cart-form]'); var elems = []; Array.prototype.forEach.call(forms, function(form) { var buttons = form.querySelectorAll('*[type="submit"], button'); Array.prototype.forEach.call(buttons, function(button) { elems.push({ button: button, sibling: button.previousElementSibling, parent: button.parentElement, }); }); }); elems.forEach(function(item) { if (item.button.dataset.qty) return; if (item.button.id === 'sold-out') return; if (/plus|minus/.test(item.button.className)) return; item.button.removeAttribute('onclick'); item.button.dataset.skipCart = true; item.button.type = 'button'; item.button.parentNode.removeChild(item.button); try { item.sibling ? item.sibling.insertAdjacentHTML('afterend', item.button.outerHTML) : item.parent.insertAdjacentHTML('afterbegin', item.button.outerHTML); } catch (e) {} }); listenAddToCartEvents(forms); } function listenAddToCartEvents(forms) { var submitted = false; Array.prototype.forEach.call(forms, function(form) { var buttons = form.querySelectorAll('[data-skip-cart]'); Array.prototype.forEach.call(buttons, function(button) { button.addEventListener('click', function() { if (submitted) return; submitted = true; addToCart(form, button); }); }); }); } function initBuyNow() { if (lqd.template_name !== 'product' || !lqd.upsell_cart_include_upsells) return; var container = document.querySelector('[data-shopify]'); if (!container) return; container.style.visibility = 'hidden'; setTimeout(function() { buyNow(container); }, 750); } function buyNow(container) { var form = document.querySelector('form[action*="cart"]'); var button = container.querySelector('.shopify-payment-button__button'); button.dataset.ocuBuyNow = true; var item = { sibling: button.previousElementSibling, parent: button.parentElement, clone: button.outerHTML }; button.parentNode.removeChild(button); try { item.sibling ? item.sibling.insertAdjacentHTML('afterend', item.clone) : item.parent.insertAdjacentHTML('afterbegin', item.clone); } catch (e) {} container.style.visibility = 'visible'; button = document.querySelector('[data-ocu-buy-now]'); button.addEventListener('click', function(e) { addToCart(form, button); }, { once: true }); } function addToCart(form, button) { var params = { type: 'POST', url: '/cart/add.js', data: jQ(form).serialize(), dataType: 'json', success: function() { ocuGetCart() .done(ocuVerifyUpsells) .fail(redirectToCheckout) }, error: function() { button.click(); } }; jQ.ajax(params); } function upsellsCheckoutRedirect(event) { if (allowUpsellCheckout(this)) { event.preventDefault(); event.stopPropagation(); var $el = jQ(event.currentTarget); integrationWithOtherApps(); if (!checkoutButtonState) { checkoutButtonState = true; checkPayPal($el); buildCheckoutParams(); ocuVerify(); } } } function ocuVerify() { if (window.catchXHR) { catchXHR = false; XMLHttpRequest.callbacks = []; } var onGetCart = function(cart) { cart.subscription_products = ''; cart.cart_products = []; cart.customer_id = ""; ocuVerifyUpsells(cart); }; var onSaveCart = function() { ocuGetCart() .done(onGetCart) .fail(redirectToCheckout); }; var onVerify = function() { if (window.beeketingWPJP) beeketingWPJP = {}; try { ocuSaveCart() .done(onSaveCart) .fail(onSaveCart); } catch(e) { redirectToCheckout(); } }; ocuVerifyCurrentCartData() .done(onVerify) .fail(redirectToCheckout); } function ocuSaveCart() { var $cart = jQ("form[action^='/checkout'], form[action^='/cart']"); if ($cart.length > 0) { return jQ.ajax({ type: 'POST', url: '/cart/update.js', timeout: redirectTimeout, dataType: 'json', data: $cart.serializeArray() }); } else { return jQ.Deferred().resolve(); } } function ocuGetCart() { return jQ.ajax({ cache: false, url: '/cart.js', timeout: redirectTimeout, dataType: 'json' }); } function ocuVerifyCurrentCartData() { var proxy_url = '/apps/secure-checkout'; return jQ.ajax({ cache: false, url: proxy_url + '/check_tags', timeout: redirectTimeout, dataType: 'json' }); } function ocuVerifyUpsells(cart, args) { var shop = ((window.Shopify && window.Shopify.shop) || 'snapwag.myshopify.com'); var landingSite = utils.cookie.get('_landing_page'); var referringSite = utils.cookie.get('_orig_referrer'); var data = { shop: shop, cart: cart, landing_site: landingSite, referring_site: referringSite, require_paypal: requirePayPal, customer: { id: cart.customer_id } }; var req = jQ.ajax({ type: 'POST', url: 'https://oneclickupsell.zipify.com/checkouts/check_upsells.json', timeout: redirectTimeout, crossDomain: true, async: true, data: data }); if (args === 'api') return req; req.done(function(res) { if (!res.status) { lqd.skip_cart && lqd.template_name === 'collection' ? (location.pathname = '/cart') : redirectToCheckout(); return; } if (checkoutParams) { location = res.checkout_url + '?' + checkoutParams; } else { location = res.checkout_url; } }).fail(redirectToCheckout); } function redirectToCheckout() { window.location = '/checkout?' + checkoutParams; } function integrationWithOtherApps() { var discount = document.querySelector('input[name="discount"]'); var discountCC = utils.cookie.get('discount_code'); // integration with CouponCountdown var discountShare = utils.cookie.get('ocu-share-discount'); if (!discount && !discountCC && !discountShare) return; var code; if (discount) code = discount.value; if (discountCC) { code = discountCC; utils.cookie.remove('discount_code'); } if (discountShare) { code = discountShare; utils.cookie.remove('ocu-share-discount'); } var param = { name: 'discount', value: encodeURIComponent(code) }; checkoutParamsArray.push(param); } function buildCheckoutParams() { for (var i = 0; checkoutParamsArray.length > i; i++) { checkoutParams += checkoutParamsArray[i].name + '=' + checkoutParamsArray[i].value; if (i + 1 !== checkoutParamsArray.length) checkoutParams += '&'; } } function checkPayPal($el) { if (($el.attr('name') == 'goto_pp') && ($el.val() == 'paypal_express')) { checkoutParamsArray.push({name: $el.attr('name'), value: $el.val()}); requirePayPal = true; } } function updateCart(cart) { cart.subscription_products = ''; cart.cart_products = []; cart.customer_id = ""; return cart; } function ocuVerifyUpsellsApi(cart) { return ocuVerifyUpsells(updateCart(cart), 'api'); } function allowUpsellCheckout(el) { var result = true; if (window.mixed_cart == true) { //integration with Recurring Orders & Subscriptions by Bold result = false; } if (window.popup_upsell && (jQ('#upsellclosebtn').length == 0)) { // integration with Product Upsell result = false; } if (jQ('.order-logic-sweet-alert').length > 0){ // integration with OrderLogic result = false; } if (el.dataset.zpaSubmitButton === '') return; // integration with ZipifyPages CRM popup return result; } window.addEventListener("pageshow", function() { checkoutButtonState = false; }); window.addEventListener("pagehide", function() { checkoutButtonState = false; }); }; var script = document.createElement('script'); document.head.appendChild(script); script.type = 'text/javascript'; script.src = "//ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"; script.onload = function() { var jq310 = window.jQuery.noConflict(true); ocuCallback(jq310); }; })(); </script> </body> </html>