</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"> <div class="survey-background"> <div class="survey-wrapper"> <div class="progress-bar-container"> <div class="survey-title"> SnapWag Customizer </div> <div class="current-step-counter">1/7</div> <div class="progress-step-bar"> <div class="current-step-bar"></div> </div> </div> <form id="survey_form" action="#" method="post"> <div> <div class="survey-step-00 survey-step"> <img src="//cdn.shopify.com/s/files/1/1246/2429/t/23/assets/survey-alert.png?67740" /> <div class="survey-alert-wrapper"> <div class="survey-alert"> <div class="survey-input-content"> <label for="email">We'll e-mail you a copy of your pup's results</label> <input type="email" name="email" class="input-email survey-input-text" required placeholder="email address" /> <span class="email-error error">Oops! You must enter your e-mail to continue</span> </div> <div class="survey-input-content"> I have <select class="dog-count-selector" name="" id=""> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> dog(s) </div> </div> </div> <div class="survey-actions flex-container flex-reverse"> <div class="flex-item"> <a href="#" class="survey-step-in" data-id="1">NEXT ›</a> </div> <div class="flex-item"></div> </div> <script> </script> </div> <div class="survey-step-01 survey-step"> <div class="survey-input-content"> <label for="pet_name">What is your dog's name?</label> <input type="text" name="pet_name" class="pet_name" placeholder="Name" /> <span class="pet_name-error error">Oops! You forgot to enter your dog's name!</span> </div> <div class="survey-input-content"> <label for="breed_type">What is your dog's breed?</label> <div class="flex-container"> <div class="flex-item"> <select name="breed_type" id="breed_type"> <option>Select Breed</option> </select> </div> <div class="flex-item"> <select name="breed_type_2" id="breed_type_2"> <option>Breed 2 (Optional)</option> </select> </div> </div> <span class="breed-error-first error">Oops! If your dog is only one breed, please select the first!</span> <span class="breed-error error">Oops! You must select at least one breed!</span> </div> <div class="survey-input-content"> <label for="gender">What’s your dog’s gender?</label> <div class="flex-container"> <div class="flex-item"> <a href="#" class="go-gender survey-input-button blue" data-id="male"><i class="fa fa-mars" aria-hidden="true"></i> Male</a> </div> <div class="flex-item"> <a href="#" class="go-gender survey-input-button red" data-id="female"><i class="fa fa-venus" aria-hidden="true"></i> Female</a> </div> </div> <span class="gender-error error">Oops! You must select your dog's gender!</span> </div> <div class="survey-actions flex-container flex-reverse"> <div class="flex-item"> <a href="#" class="survey-step-1" data-id="2">NEXT ›</a> </div> <div class="flex-item"> </div> </div> <input type="hidden" value="" class="input-gender" name="gender" /> <script> $('.go-gender').click(function(){ $('.go-gender').removeClass('survey-input-button-active'); $(this).addClass('survey-input-button-active'); $('.input-gender').val( $(this).data('id') ); $('.go-gender').blur(); return false; }); </script> </div> <div class="survey-step-02 survey-step"> <div class="survey-input-content"> <label for="age">How old is <span class="dog-name-placeholder">your dog</span>?</label> <div class="flex-container"> <div class="flex-item"> <input name="age_years" type="number" class="age_years" value="" placeholder="Years" min="1" max="99"/> </div> <div class="flex-item"> <input name="age_months" type="number" class="age_months" value="" placeholder="Months" min="0" max="11" /> </div> </div> <span class="pet-age-error error">Oops! You forgot to enter <span class="dog-name-placeholder">your dog</span>'s age!</span> </div> <div class="survey-actions flex-container flex-reverse"> <div class="flex-item"> <a href="#" class="survey-step-2" data-id="3">NEXT ›</a> </div> <div class="flex-item"> <a href="#" class="go-back" data-id="1">‹ BACK</a> </div> </div> </div> <div class="survey-step-03 survey-step"> <div class="survey-input-content"> <label for="weight">How much does <span class="dog-name-placeholder">your dog</span> weigh? (pounds/lbs)</label> <input type="number" class="survey-input-text dog-weight" name="weight" placeholder="Pounds/lbs" /> <span class="pet-weight-error error">Oops! You forgot to enter <span class="dog-name-placeholder">your dog</span>'s weight!</span> </div> <div class="survey-input-content"> <label for="weight_status"><span class="dog-name-placeholder">Your dog</span> is</label> <div class="flex-container"> <div class="flex-item"> <a href="#" class="go-weight survey-input-button orange" data-id="Underweight">Underweight</a> </div> <div class="flex-item"> <a href="#" class="go-weight survey-input-button orange" data-id="Average">Average</a> </div> <div class="flex-item"> <a href="#" class="go-weight survey-input-button orange" data-id="Overweight">Overweight</a> </div> </div> <span class="pet-weight-status-error error">Oops! You forgot to enter <span class="dog-name-placeholder">your dog</span>'s weight status!</span> </div> <div class="survey-input-content"> <label for="exercise">How active is your <span class="dog-name-placeholder">your dog</span>?</label> <div class="flex-container"> <div class="flex-item"> <a href="#" class="go-activity survey-input-box" data-id="Not Active">Lazy Bum</a> </div> <div class="flex-item"> <a href="#" class="go-activity survey-input-box" data-id="Normal">Normal</a> </div> <div class="flex-item"> <a href="#" class="go-activity survey-input-box" data-id="Active">Active</a> </div> <div class="flex-item"> <a href="#" class="go-activity survey-input-box" data-id="Very Active">Very Active</a> </div> </div> <span class="pet-activity-error error">Oops! You forgot to enter <span class="dog-name-placeholder">your dog</span>'s activity level!</span> </div> <div class="survey-actions flex-container flex-reverse"> <div class="flex-item"> <a href="#" class="survey-step-3" data-id="4">NEXT ›</a> </div> <div class="flex-item"> <a href="#" class="go-back" data-id="2">‹ BACK</a> </div> </div> <input type="hidden" value="" class="exercise" name="exercise" /> <input type="hidden" value="" class="weight_status" name="weight_status" /> <input type="hidden" value="false" name="work_dog" class="go-work-dog"/> <script> $('.go-weight').click(function(){ $('.go-weight').removeClass('survey-input-button-active'); $(this).addClass('survey-input-button-active'); $('.weight_status').val( $(this).data('id') ); $('.go-weight').blur(); return false; }); $('.go-activity').click(function(){ $('.go-activity').removeClass('survey-input-box-active'); $(this).addClass('survey-input-box-active'); $('.exercise').val( $(this).data('id') ); $('.go-activity').blur(); return false; }); </script> </div> <div class="survey-step-04 survey-step"> <div class="survey-input-content"> <label for="health">Does <span class="dog-name-placeholder">your dog</span> have any health issues? (select all that apply)</label> <div class="flex-container"> <div class="flex-item"> <a href="#" class="go-health-none survey-input-box" data-id="no health issues">None</a> </div> <div class="flex-item"> <a href="#" class="go-health-joints survey-input-box" data-id="joints">Joints</a> </div> <div class="flex-item"> <a href="#" class="go-health-skin survey-input-box" data-id="skin & coat">Skin & Coat</a> </div> <div class="flex-item"> <a href="#" class="go-health-digestion survey-input-box" data-id="digestion">Digestion</a> </div> </div> <span class="pet-health-error error">Oops! Please select any health issues <span class="dog-name-placeholder">your dog</span> may have!</span> </div> <div class="survey-input-content"> <label for="exclusions">Does <span class="dog-name-placeholder">your dog</span> have any dietary exclusions?</label> <div class="flex-container"> <div class="flex-item"> <a href="#" class="go-diet survey-input-button orange" data-id="yes">YES</a> </div> <div class="flex-item"> <a href="#" class="go-diet survey-input-button orange" data-id="no">NO</a> </div> </div> <span class="pet-exclusions-select-error error">Oops! Does <span class="dog-name-placeholder">your dog</span> have any dietary exclusions?</span> </div> <div class="survey-input-content"> <textarea name="textarea-exclusions" id="textarea-exclusions" placeholder="If yes, list any current dietary restrictions here"></textarea> <span class="pet-exclusions-error error">Oops! You forgot to enter <span class="dog-name-placeholder">your dog</span>'s dietary exclusions!</span> </div> <div class="survey-actions flex-container flex-reverse"> <div class="flex-item"> <a href="#" class="survey-step-4" data-id="5">NEXT ›</a> </div> <div class="flex-item"> <a href="#" class="go-back" data-id="3">‹ BACK</a> </div> </div> <input type="hidden" value="" class="input-health_none" name="health_none" /> <input type="hidden" value="" class="input-health_joints" name="health_joints" /> <input type="hidden" value="" class="input-health_skin" name="health_skin" /> <input type="hidden" value="" class="input-health_digestion" name="health_digestion" /> <input type="hidden" value="" class="input-exclusions" name="exclusions" /> <script> $('.go-health-none').click(function(){ if( $(this).hasClass('survey-input-box-active') ){ $(this).removeClass('survey-input-box-active'); $('.input-health_none').val(); }else{ $(this).addClass('survey-input-box-active'); $('.go-health-skin').removeClass('survey-input-box-active'); $('.input-health_skin').val(''); $('.go-health-joints').removeClass('survey-input-box-active'); $('.input-health_joints').val(''); $('.go-health-digestion').removeClass('survey-input-box-active'); $('.input-health_digestion').val(''); $('.input-health_none').val( $(this).data('id') ); } $('.go-health-none').blur(); return false; }); $('.go-health-joints').click(function(){ if( $(this).hasClass('survey-input-box-active') ){ $(this).removeClass('survey-input-box-active'); $('.input-health_joints').val(); }else{ $(this).addClass('survey-input-box-active'); $('.go-health-none').removeClass('survey-input-box-active'); $('.input-health_joints').val( $(this).data('id') ); } $('.go-health-joints').blur(); return false; }); $('.go-health-skin').click(function(){ if( $(this).hasClass('survey-input-box-active') ){ $(this).removeClass('survey-input-box-active'); $('.input-health_skin').val(); }else{ $(this).addClass('survey-input-box-active'); $('.go-health-none').removeClass('survey-input-box-active'); $('.input-health_skin').val( $(this).data('id') ); } $('.go-health-skin').blur(); return false; }); $('.go-health-digestion').click(function(){ if( $(this).hasClass('survey-input-box-active') ){ $(this).removeClass('survey-input-box-active'); $('.input-health_digestion').val(); }else{ $(this).addClass('survey-input-box-active'); $('.go-health-none').removeClass('survey-input-box-active'); $('.input-health_digestion').val( $(this).data('id') ); } $('.go-health-digestion').blur(); return false; }); $('.go-diet').click(function(){ $('.go-diet').removeClass('survey-input-button-active'); $(this).addClass('survey-input-button-active'); $('.input-exclusions').val( $(this).data('id') ); $('.go-diet').blur(); return false; }); </script> </div> <div class="survey-step-05 survey-step"> <div class="survey-input-content"> <label for="neutered">Is <span class="dog-name-placeholder">your dog</span> <span class="dog-neuter-placeholder">neutered/spayed</span>?</label> <div class="flex-container"> <div class="flex-item"> <a href="#" class="go-neutered survey-input-button orange" data-id="Yes">YES</a> </div> <div class="flex-item"> <a href="#" class="go-neutered survey-input-button orange" data-id="No">NO</a> </div> </div> <span class="pet-neuter-error error">Oops! Is <span class="dog-name-placeholder">your dog</span> <span class="dog-neuter-placeholder">neutered/spayed</span>?</span> </div> <div class="survey-actions flex-container flex-reverse"> <div class="flex-item"> <a href="#" class="survey-step-5" data-id="6">NEXT ›</a> </div> <div class="flex-item"> <a href="#" class="go-back" data-id="4">‹ BACK</a> </div> </div> <input type="hidden" value="" name="neutered" class="input-neutered" /> <script> $('.go-neutered').click(function(){ $('.go-neutered').removeClass('survey-input-button-active'); $(this).addClass('survey-input-button-active'); $('.go-neutered').blur(); $('.input-neutered').val( $(this).data('id') ); return false; }); </script> </div> <div class="survey-step-06 survey-step"> <div class="survey-input-content"> <label for="favorite_flavors">What is <span class="dog-name-placeholder">your dog</span>'s favorite flavor?</label> <div class="flex-container"> <div class="flex-item"> <a href="#" class="go-flavor survey-input-button orange" data-id="not fussy">Not Fussy</a> </div> <div class="flex-item"> <a href="#" class="go-flavor survey-input-button orange" data-id="white fish and duck">Whitefish & Duck</a> </div> <div class="flex-item"> <a href="#" class="go-flavor survey-input-button orange" data-id="chicken">Chicken</a> </div> </div> <span class="pet-flavor-error error">Oops! Please tell us <span class="dog-name-placeholder">your dog</span>'s favorite flavor!</span> </div><!-- / --> <div class="survey-actions flex-container flex-reverse"> <div class="flex-item"> <a href="#" class="survey-step-6" data-id="7">NEXT ›</a> </div> <div class="flex-item"> <a href="#" class="go-survey go-back" data-id="5">‹ BACK</a> </div> </div> <input type="hidden" value="" class="input-flavor" name="favorite_flavors" /> <script> flavor_choice = 'not fussy'; $('.go-flavor').click(function(){ $('.go-flavor').removeClass('survey-input-button-active'); $(this).addClass('survey-input-button-active'); $('.go-flavor').blur(); $('.input-flavor').val( $(this).data('id') ); // flavor_choice = $(this).val(); // setCookie("flavor_choice", $(this).data('id'), 1); return false; }); </script> </div> <div class="survey-step-07 survey-step survey-last-step"> <div class="survey-input-content survey-finished"> <h2>All Done!</h2> <p> All that's left is to calculate the results. <br><br> You will recieve your results shortly via e-mail, as you continue browsing our site with your customized experience. </p> <a href="#" class="go-results btn">Calculate Results!</a> </div> <div class="survey-input-content survey-next-dog"> <p> We're all done with questions about <span class="dog-name-placeholder">your dog</span>, let's submit <span class="dog-gender-placeholder">his/her</span> results, and answer some questions about your next dog! </p> <a href="#" class="btn go-results">Next Dog! ></a> </div> <div class="go-results-wrapper-x"> </div> <div class="survey-status"> Results </div> <div class="survey-actions"> <div class="flex-item"> <a href="#" class="go-survey go-back" data-id="6">‹ BACK</a> </div> </div> </div> </div> </form> </div> <div class="survey-tip"></div> </div> <script src="https://cdn.jsdelivr.net/sweetalert2/5.3.5/sweetalert2.min.js" type="text/javascript"></script> <link href="https://cdn.jsdelivr.net/sweetalert2/5.3.5/sweetalert2.min.css" rel="stylesheet" type="text/css" media="all" /> <script> function getUrlParameter(desired_param) { var url = window.location.search.substring(1); var url_params = url.split('&'); for (var i = 0; i < url_params.length; i++) { var param_name = url_params[i].split('='); if (param_name[0] == desired_param) { return param_name[1]; } } } if ( getUrlParameter('name') ) { $('.pet_name').val(getUrlParameter('name')); } function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires; } $(document).ready(function(){ $('#survey_form').trigger('reset'); last_step = 1; var survey_email; var total_dogs = 1; var dog_counter = 0; var survey_group_id = 0; var pet_name = new Array(); var progress_step_bar_width = $('.progress-step-bar').width(); var current_step_bar_width = progress_step_bar_width/7; function show_next_step(id){ $('.survey-step').hide(); $('.survey-step-0'+id).show(); switch(id){ case 0: window.scrollTo(0,0); $('.survey-tip').html('No thanks, I know how much to feed my dog, <a href="#" class="go-food-dog">skip survey</a>'); break; case 1: window.scrollTo(0,0); $('.survey-title').css('top','25%'); $('.current-step-counter, .progress-step-bar').show(); $('.current-step-counter').html('1/7'); $('.current-step-bar').css('width', (current_step_bar_width*1)+'px'); $('.survey-tip').html('<strong>Did you know</strong> that grains are the most common types of fillers and allergens found in dog food? SnapWag’s Grain-Free Recipes are slow-cooked in the U.S. without corn, wheat, or soy.'); dog_counter++; break; case 2: window.scrollTo(0,0); $('.current-step-counter').html('2/7'); $('.current-step-bar').css('width', (current_step_bar_width*2)+'px'); $('.survey-tip').html('<strong>Not looking for food?</strong> SnapWag’s Play Box is the only toy and treat box that is tailored to YOUR dog. Stop wasting money on one-size-fits-all subscription boxes!'); break; case 3: window.scrollTo(0,0); $('.current-step-counter').html('3/7'); $('.current-step-bar').css('width', (current_step_bar_width*3)+'px'); $('.survey-tip').html('SnapWag’s premium recipes are handcrafted in small batches with added Omega-3 & Omega-6 Fatty Acids, Glucosamine Hydrochloride, and Chondroitin Sulfate.'); break; case 4: window.scrollTo(0,0); $('.current-step-counter').html('4/7'); $('.current-step-bar').css('width', (current_step_bar_width*4)+'px'); $('.survey-tip').html('Switching foods? On Day 1, start by mixing 20% of the new food with 80% of the old. Increase the new food amount by 20% everyday until you are feeding 100% of the new food on Day 5.'); break; case 5: window.scrollTo(0,0); $('.current-step-counter').html('5/7'); $('.current-step-bar').css('width', (current_step_bar_width*5)+'px'); $('.survey-tip').html('SnapWag’s nutrient-dense recipes meet the strict All-Life Stage Requirements set by AAFCO, meaning it is suitable for puppies, adults, and senior dogs!'); break; case 6: window.scrollTo(0,0); $('.current-step-counter').html('6/7'); $('.current-step-bar').css('width', (current_step_bar_width*6)+'px'); $('.survey-tip').html('SnapWag works with top U.S. manufacturers like Bubba Rose to provide artisan treats and toys in shipments that are tailored specifically to your dog’s unique personality.'); break; case 7: window.scrollTo(0,0); $('.current-step-counter').html('7/7'); $('.current-step-bar').css('width', (current_step_bar_width*7)+'px'); $('.survey-tip').html('See your tailored solution instantly by entering your email! Remember, shipping is free and SnapWag guarantees you’ll be satisfied or your money back!'); if(dog_counter == total_dogs){ $('.survey-finished').show(); $('.survey-next-dog').hide(); } break; } last_step = id; } show_next_step(0); // load first step $('.go-back').click(function(){ var id = $(this).data('id'); show_next_step(id) return false; }); $('.survey-step-in').click(function(){ $('.error').hide(); if($('.input-email').val() == ''){ $('.email-error').show(); return false; } survey_email = $('.input-email').val(); total_dogs = $('.dog-count-selector').val(); survey_group_id = new Date().getTime(); show_next_step($(this).data('id')); return false; }); $('.survey-step-1').click(function(){ $('.error').hide(); var has_error = false; if($('.pet_name').val() == ''){ $('.pet_name-error').show(); has_error = true; } if($('#breed_type').val() == 'Select Breed' && $('#breed_type_2').val() == 'Breed 2 (Optional)'){ $('.breed-error').show(); has_error = true; }else if($('#breed_type').val() == 'Select Breed' && $('#breed_type_2').val() !== 'Breed 2 (Optional)'){ $('.breed-error-first').show(); has_error = true; } if($('.input-gender').val() == ''){ $('.gender-error').show(); has_error = true; } if(has_error){ return false; }else{ if($('.input-gender').val() == 'male'){ $('span.dog-gender-placeholder').html('his'); $('span.dog-neuter-placeholder').html('neutered'); }else if($('.input-gender').val() == 'female'){ $('span.dog-gender-placeholder').html('her'); $('span.dog-neuter-placeholder').html('spayed'); } $('span.dog-name-placeholder').html($('.pet_name').val()); } show_next_step($(this).data('id')); return false; }); $('.survey-step-2').click(function(){ $('.error').hide(); if($('.age_years').val() == '' && $('.age_months').val() == ''){ $('.pet-age-error').show(); return false; } show_next_step($(this).data('id')); return false; }); $('.survey-step-3').click(function(){ $('.error').hide(); var has_error = false; if($('.dog-weight').val() == ''){ $('.pet-weight-error').show(); has_error = true; } if($('.weight_status').val() == ''){ $('.pet-weight-status-error').show(); has_error = true; } if($('.exercise').val() == ''){ $('.pet-activity-error').show(); has_error = true; } if(has_error){ return false; } show_next_step($(this).data('id')); return false; }); $('.survey-step-4').click(function(){ $('.error').hide(); var has_error = false; if($('.input-health_none').val() == '' && ($('.input-health_joints').val() == '' && $('.input-health_skin').val() == '' && $('.input-health_digestion').val() == '')){ $('.pet-health-error').show(); has_error = true; } if($('.input-exclusions').val() == ''){ $('.pet-exclusions-select-error').show(); has_error = true; } if(($('.input-exclusions').val()) == 'yes' && ($('#textarea-exclusions').val() == '') ){ $('.pet-exclusions-error').show(); has_error = true; } if(has_error){ return false; } show_next_step($(this).data('id')); return false; }); $('.survey-step-5').click(function(){ $('.error').hide(); if($('.input-neutered').val() == ''){ $('.pet-neuter-error').show(); return false; } show_next_step($(this).data('id')); return false; }); $('.survey-step-6').click(function(){ $('.error').hide(); if($('.input-flavor').val() == ''){ $('.pet-flavor-error').show(); return false; } show_next_step($(this).data('id')); return false; }); function nextDog(){ $("#survey_form")[0].reset(); //reset toggles $('.go-gender').removeClass('survey-input-button-active'); $('.go-weight').removeClass('survey-input-button-active'); $('.go-activity').removeClass('survey-input-box-active'); $('.go-health-none').removeClass('survey-input-box-active'); $('.go-health-skin').removeClass('survey-input-box-active'); $('.go-health-joints').removeClass('survey-input-box-active'); $('.go-health-digestion').removeClass('survey-input-box-active'); $('.go-diet').removeClass('survey-input-button-active'); $('.go-neutered').removeClass('survey-input-button-active'); $('.go-flavor').removeClass('survey-input-button-active'); //reset hidden fields $('.input-gender').val(''); $('.weight_status').val(''); $('.exercise').val(''); $('.input-health_none').val(''); $('.input-health_skin').val(''); $('.input-health_joints').val(''); $('.input-health_digestion').val(''); $('.input-exclusions').val(''); $('.input-neutered').val(''); $('.input-flavor').val(''); show_next_step(1); } $('.go-next-dog').click(function(){ postInfo(); }); $('.go-results').click(function(){ postInfo(); return false; }); function postInfo(){ var data = 'email='+survey_email +'&total_dogs='+total_dogs +'&survey_group_id='+survey_group_id +'&pet_name='+$('.pet_name').val() +'&breed_type='+$('#breed_type').val() +'&breed_type_2='+$('#breed_type_2').val() +'&gender='+$('.input-gender').val() +'&age_years='+$('.age_years').val() +'&age_months='+$('.age_months').val() +'&weight='+$('.dog-weight').val() +'&weight_status='+$('.weight_status').val() +'&exercise='+$('.exercise').val() +'&health_none='+$('.input-health_none').val() +'&health_joints='+$('.input-health_joints').val() +'&health_skin='+$('.input-health_skin').val() +'&health_digestion='+$('.input-health_digestion').val() +'&exclusions='+$('.input-exclusions').val() +'&textarea-exclusions='+$('#textarea-exclusions').val() +'&neutered='+$('.input-neutered').val() +'&favorite_flavors='+$('.input-flavor').val() +'&work_dog=false'; $.ajax({ data: data, type: 'post', url: 'https://snapwag.herokuapp.com/surveys/save', success: function(data){ if(dog_counter == total_dogs){ window.location = '/pages/products?survey_id='+data.survey.id; }else{ nextDog(); } } }); return false; } $('#survey_form').submit(function(){ $('.go-results').html('SENDING...'); var data = $('#survey_form').serialize(); $.ajax({ data: data, type: 'post', url: 'https://snapwag.herokuapp.com/surveys/save', success: function(data){ var boxCookie = getCookie("boxCookie"); var pet_name = $('.pet_name').val(); var survey_id = data.survey.id; var breed1 = $("#breed_type option:selected").text(); var breed2 = $("#breed_type_2 option:selected").text(); var gender = data.survey.gender; var product_id = data.product_item.id; var return_url = 'no'; var flavor_choice = data.survey.favorite_flavors; setCookie("pet_name", pet_name, 1); setCookie("survey_id", survey_id, 1); setCookie("flavor_choice", flavor_choice, 1); setCookie("breed1", breed1, 1); setCookie("breed2", breed2, 1); setCookie("gender", gender, 1); setCookie("product_id", product_id, 1); var url_params = '?id='+product_id+'&pet-name='+pet_name+'&survey-id='+survey_id+'&breed1='+breed1+'&breed2='+breed2+'&gender='+gender; var wagbox_url_chicken = '/products/wag-box/'+url_params; var wagbox_url_fish = '/products/wag-box-white-fish-duck-meal/'+url_params; var munchbox_url_chicken = '/products/munch-box/'+url_params; var munchbox_url_fish = '/products/munch-box-white-fish-duck-meal/'+url_params; if(boxCookie == 'wag-box'){ if(flavor_choice == 'not fussy'){ return_url = wagbox_url_chicken; }else if(flavor_choice == 'chicken'){ return_url = wagbox_url_chicken; }else if(flavor_choice == 'white fish and duck'){ return_url = wagbox_url_fish; } // end flavor choice } // end wag box if(boxCookie == 'munch-box'){ if(flavor_choice == 'not fussy'){ return_url = munchbox_url_chicken; }else if(flavor_choice == 'chicken'){ return_url = munchbox_url_chicken; }else if(flavor_choice == 'white fish and duck'){ return_url = munchbox_url_fish; }// end flavor check } // end munchbox console.log(return_url); if(return_url === 'no'){ console.log('no'); window.location = '/pages/products?survey_first=1'; }else{ window.location = return_url; } } // end success }); // end ajax return false; }); // end submit $('.go-food-dog').click(function(){ window.location = '/pages/products'; }); }); jQuery(window).load(function(){ var boxCookie = getCookie("boxCookie"); if(boxCookie){ //$('.survey-alert-wrapper ').show(); }else{ setCookie("survey_first", 'yes', 1); }// end alert data = {}; jQuery.ajax({ type: 'GET', url: 'https://snapwag.herokuapp.com/breeds.json', data: data, dataType: 'json', success: function(data) { $.each( data, function(i, item) { var option_str = '<option value="'+item.id+'">'+item.name+'</option>'; $('#breed_type').append(option_str); $('#breed_type_2').append(option_str); $('#breed_type option[value="375"]').insertBefore('#breed_type option[value="1"]'); $('#breed_type_2 option[value="375"]').insertBefore('#breed_type_2 option[value="1"]'); }); } }); }); </script> </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--> <!--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>