Skin & Coat Dog Supplements
6.4 OZ - Skin & Coat Dog Supplements - Default Title
$30.00
<div class="shogun-root" data-shogun-id="5f5c0b7daf0a51004f8dc9c4" data-shogun-site-id="776eadb7-1bb9-4538-87d1-2c4b5c6ba163" data-shogun-page-id="5f5c0b7daf0a51004f8dc9c4" data-shogun-page-version-id="60956a0579aa8c00d41abae2" data-shogun-platform-type="shopify" data-shogun-variant-id="60956a0579aa8c00d41abbc6" data-region="main">
<script type="text/javascript" src="https://lib.getshogun.com/lazysizes/2.0.0/shogun-lazysizes.js" async></script>
<div id="s-788f4612-57a4-42a3-b237-64855eb08c17" class="shg-c shg-align-center">
<div class="shogun-heading-component">
<h1>
Skin & Coat Dog Supplements
</h1>
</div>
</div>
<div id="s-d0842518-0c06-47af-a7e3-30f34f4b24ab" class="shg-c ">
<div class="shg-rich-text shg-theme-text-content"><p style="text-align: center; line-height: 8px;"><span style="font-family: Montserrat;">60 Peanut Butter Flavor Chews</span></p></div>
</div>
<div id="s-789e0bc5-3570-4e86-aa1a-30f7e6560f6a" class="shg-c ">
<div id="product-form-31988535492651" class="shopify-product-form supplement " data-type="autodeliver" data-freq="4" data-quantity="1" data-variants="variants_31988535492651">
<div class="holder radius">
<input type="radio" name="type" id="sub31988535492651" value="autodeliver" onchange="updateSupp(this)" checked>
<label for="sub31988535492651">
<svg class="svg" fill="currentColor" preserveaspectratio="xMidYMid meet" height="20" width="20" viewbox="0 0 20 20">
<circle class="radioOutline" cx="10" cy="10" r="9"></circle>
<circle class="radioDot" cx="10" cy="10" r="5"></circle>
</svg>
<section>
<header>Subscribe & Save</header>
<footer>$<span class="sub_price">27.00</span> <span class="discount">10% off</span></footer>
</section>
</label>
<input type="radio" name="type" id="otp31988535492651" value="onetime" onchange="updateSupp(this)">
<label for="otp31988535492651">
<svg class="svg" fill="currentColor" preserveaspectratio="xMidYMid meet" height="20" width="20" viewbox="0 0 20 20">
<circle class="radioOutline" cx="10" cy="10" r="9"></circle>
<circle class="radioDot" cx="10" cy="10" r="5"></circle>
</svg>
<section>
<header>1-Time Purchase</header>
<footer>$<span class="otp_price">30.00<span></span></span></footer>
</section>
</label>
<span></span>
</div>
<div class="toggle">
<div class="autodeliver">
Deliver Every
<select name="freq" onchange="updateSupp(this)">
<option value="2">2 Weeks</option>
<option value="3">3 Weeks</option>
<option value="4" selected>4 Weeks</option>
<option value="5">5 Weeks</option>
<option value="6">6 Weeks</option>
</select>
</div>
<div class="onetime">
<svg xmlns="http://www.w3.org/2000/svg" class="arrow" width="9.419" height="24.322" viewbox="0 0 9.419 24.322">
<path d="M3316.718-13194.405c-7.536-11.019,1.5-19.452,1.5-19.452l1.681,2.617.918-6.813-8.129,1.7,3.077,1.062s-4.614,4.791-4.357,11.029a17.7,17.7,0,0,0,4.357,10.533Z" transform="translate(-3311.4 13218.054)" fill="#1cbe42"></path></svg>
Subscribe & Save 10%
</div>
</div>
<div class="benefits">
<ul>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="18.33" viewbox="0 0 20 18.33">
<path class="prefix__tag" d="M24.474 12.015H18.82a2.5 2.5 0 0 0-1.767.733L8.4 21.408a1.253 1.253 0 0 0 0 1.772l6.792 6.8a1.251 1.251 0 0 0 1.77 0l8.653-8.66a2.5 2.5 0 0 0 .731-1.766v-5.662a1.875 1.875 0 0 0-1.872-1.877zM22.59 17.03a1.253 1.253 0 1 1 1.252-1.253 1.253 1.253 0 0 1-1.252 1.253z" transform="translate(-8.033 -12.015)" style="fill:#fff;fill-rule:evenodd"></path>
</svg>
Save 10% on Every Delivery
</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="15.832" viewbox="0 0 21.653 15.832">
<path class="prefix__deliverytruck" d="M29.621 23.572l-.366 2.228a.832.832 0 0 1-.821.7h-2.145a.427.427 0 0 1-.366-.221 2.906 2.906 0 0 0-2.512-1.446h-1.664a.416.416 0 0 1-.416-.417V17.75a.416.416 0 0 1 .416-.417h6.272a.833.833 0 0 1 .821.7l.78 4.729a2.5 2.5 0 0 1 0 .812zm-2.279-4.4a.208.208 0 0 0-.206-.172H23.2a.208.208 0 0 0-.208.208v2.083a.208.208 0 0 0 .208.208h1.745a.787.787 0 0 1 .776.659.208.208 0 0 0 .205.174h1.689a.208.208 0 0 0 .205-.242zm-7.671 8.158h-4.029a.207.207 0 0 1-.2-.17 2.9 2.9 0 0 0-.587-1.246.154.154 0 0 1 .122-.25h5.113a.417.417 0 0 1 .417.417v.419a.833.833 0 0 1-.836.832zm.417-2.5H8.417A.417.417 0 0 1 8 24.416v-9.583A.833.833 0 0 1 8.834 14h10.837a.833.833 0 0 1 .834.833v9.582a.417.417 0 0 1-.417.417zm-11.671.833H10.2a.154.154 0 0 1 .122.25 2.906 2.906 0 0 0-.587 1.246.207.207 0 0 1-.2.17h-.701A.833.833 0 0 1 8 26.5v-.417a.417.417 0 0 1 .417-.417zm4.163 0a2.083 2.083 0 1 1-2.08 2.085 2.083 2.083 0 0 1 2.082-2.083zm10.839 0a2.083 2.083 0 1 1-2.082 2.083 2.083 2.083 0 0 1 2.082-2.083z" transform="translate(-8 -14)" style="fill:#fff;fill-rule:evenodd"></path>
</svg>
Free Shipping</li>
<li>
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="19.999" viewbox="0 0 20 19.999">
<path class="prefix__transfers" d="M16.764 20.519v-2.076a.428.428 0 0 0-.676-.341l-4.155 2.912a.417.417 0 0 0 0 .683l4.155 2.912a.428.428 0 0 0 .676-.341v-2.083h9.824a.314.314 0 0 1 .275.463A9.993 9.993 0 0 1 8.01 18.019a9.816 9.816 0 0 1 .232-2.1.518.518 0 0 1 .509-.4h10.5V17.6a.428.428 0 0 0 .676.341l4.156-2.912a.417.417 0 0 0 0-.682l-4.152-2.917a.428.428 0 0 0-.676.341v2.081H9.431a.314.314 0 0 1-.275-.463 9.993 9.993 0 0 1 18.852 4.629 9.818 9.818 0 0 1-.232 2.1.518.518 0 0 1-.509.4z" transform="translate(-8.01 -8.02)" style="fill:#fff;fill-rule:evenodd"></path>
</svg>
Cancel or Change Anytime</li>
</ul>
</div>
<form action="https://wildearth.com/cart/add" method="post" enctype="multipart/form-data">
<footer class="form-footer">
<div class="counter radius elborder">
<button type="button" value="-" class="minus" onclick="countSupp(this)">
<svg xmlns="http://www.w3.org/2000/svg" width="10.5" height="10" viewbox="0 0 10.5 10">
<path stroke="#0121f4" stroke-width="1.5" d="M.5 5.5h10"></path>
</svg></button>
<input type="number" size="5" value="1" class="qty" name="quantity" onchange="updateSupp(this)">
<button type="button" value="+" class="plus" onclick="countSupp(this)">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 10 10">
<path d="M0 5h10M5 0v10" fill="none" stroke="#0121f4" stroke-width="1.5"></path>
</svg></button>
</div>
<button type="submit" class="btn btn-submit radius product__submit__add">
Add to Cart
</button>
</footer>
<input type="hidden" name="form_type" value="product">
<input type="hidden" name="utf8" value="✓">
<input type="hidden" name="add">
<div class="fields">
<input type="hidden" name="quantity" value="1">
<input type="hidden" name="properties[added_from_product_page]" value="true">
<input type="hidden" name="properties[otp_variant_price]" value="3000">
<input type="hidden" name="id" value="32005133926443">
<input type="hidden" name="variant_id" value="32005133926443">
<input type="hidden" name="properties[otp_variant_id]" value="31988535492651">
<input type="hidden" name="properties[subscription_variant_id]" value="32005133926443">
<input type="hidden" name="properties[subscription_variant_price]" value="2700.0">
<input type="hidden" name="properties[shipping_interval_frequency]" value="4">
<input type="hidden" name="properties[shipping_interval_unit_type]" value="Weeks">
<input type="hidden" name="properties[additional_savings_percentage]" value="">
<input type="hidden" name="properties[subscription_discount]" value="10%">
<input type="hidden" name="properties[subscription_discount_code]" value="">
<input type="hidden" name="properties[subscription_discount_expires]" value="1603316801323">
</div>
</form>
</div>
<script>
var variants_31988535492651 = {
onetime: {
id: 31988535492651,
price: '3000',
discount_price: '3000',
discount_code: '',
total_discount: ''
},
autodeliver: {
id: 32005133926443,
price: '2700.0',
first_price: '2700',
discount_amount: '10%',
discount_code: '',
savings_percentage: ''
}
};
function updateSupp(e) {
var _form = e.closest(".shopify-product-form")
var _fields = _form.querySelector('.fields')
var _otp_price = _form.querySelector(".otp_price")
var _sub_price = _form.querySelector(".sub_price")
var variants = eval(_form.getAttribute("data-variants"))
var props
console.log(variants)
_form.setAttribute("data-" + e.name, e.value)
var _type = _form.getAttribute("data-type")
var _freq = _form.getAttribute("data-freq")
var _qty = _form.getAttribute("data-quantity")
if (_type == "autodeliver") {
props = {
"id": variants["autodeliver"]['id'],
"variant_id": variants["autodeliver"]['id'],
"properties[added_from_product_page]": true,
"properties[otp_variant_id]": variants["onetime"]['id'],
"properties[subscription_variant_id]": variants["autodeliver"]['id'],
"properties[shipping_interval_frequency]": _freq,
"properties[shipping_interval_unit_type]": "Weeks",
"properties[otp_variant_price]": variants["onetime"]['price'],
"properties[subscription_variant_price]": variants["autodeliver"]['price'],
"properties[additional_savings_percentage]": variants["autodeliver"]['savings_percentage'],
"properties[subscription_discount]": variants["autodeliver"]['discount_amount'],
"properties[subscription_discount_code]": variants["autodeliver"]['discount_code'],
"properties[subscription_discount_expires]": 1603316801323
}
} else {
props = {
"id": variants["onetime"]['id'],
"variant_id": variants["onetime"]['id'],
"properties[originally_added_as_otp]": true,
"properties[added_from_product_page]": true,
"properties[otp_variant_id]": variants["onetime"]['id'],
"properties[subscription_variant_id]": variants["autodeliver"]['id'],
"properties[otp_variant_price]": variants["onetime"]['price'],
"properties[subscription_variant_price]": variants["autodeliver"]['price'],
"properties[additional_savings_percentage]": variants["onetime"]['savings_percentage'],
"properties[subscription_discount]": variants["onetime"]['discount_amount'],
"properties[subscription_discount_code]": variants["onetime"]['discount_code'],
"properties[subscription_discount_expires]": 1603316801323
}
}
createSuppFields(_fields, props)
}
function countSupp(e) {
var countEl = e.closest(".counter").querySelector(".qty")
var qty = countEl.value
if (e.value == "+") {
qty++
} else if (qty > 1) {
qty--
}
countEl.value = qty
update(countEl)
}
function createSuppFields(el, props) {
el.innerHTML = ""
for (const [key, value] of Object.entries(props)) {
var textfield = document.createElement("input")
textfield.type = "hidden"
textfield.name = key
textfield.value = value
el.appendChild(textfield)
}
}
</script>
</div>
<div id="s-1e10c5f2-94c2-408f-b862-94146418ea97" class="shg-c ">
<div class="shg-rich-text shg-theme-text-content">
<p><span style="color: #1cbe42; font-weight: 600; font-size: 20px;">TEMPORARILY SOLD OUT DUE TO HIGH DEMAND!</span></p>
<p><span style="color: #1cbe42; font-weight: 600; font-size: 20px;">CHECK BACK SOON!</span></p>
<p><span style="color: #0005f4; font-weight: 600;">$30 or $27 with Subscribe and Save</span></p>
</div>
</div>
<div id="s-81cd7ca5-2cd2-400c-a7c7-051809808535" class="shg-c shg-align-left">
<div class="shogun-heading-component">
<h6>
More Supplement options
</h6>
</div>
</div>
<div id="s-61a74ad9-db96-4a69-ac3d-7574ef9de682" class="shg-c ">
<select class="jumplist" name="jumplist" size="1" onchange="location=this.options[this.selectedIndex].value">
<option value="/products/skin-and-coat-dog-supplements">Skin & Coat</option>
<option value="/products/hip-and-joint-dog-supplements">Hip & Joint</option>
<option value="/products/digestion-and-immunity-dog-supplements">Digestion & Immunity</option>
</select>
</div>
<div id="s-9249cc22-c263-4f11-899e-c58b454c305a" class="shg-c ">
<div class="shg-rich-text shg-theme-text-content">
<p>Veterinarian-developed and science-backed daily skin and coat supplements for dogs with Omega 3 fatty acids and powerful antioxidants help keep your dog’s coat and skin beautiful.</p>
<ul>
<li style="font-weight: 400;"><strong>Omega-3 and omega-6 fatty acids for a shiny coat</strong></li>
<li style="font-weight: 400;"><strong>Potent antioxidants for skin health</strong></li>
<li style="font-weight: 400;"><strong>Flaxseed lignans to support beautiful and healthy skin</strong></li>
<li style="font-weight: 400;"><strong>Yummy peanut butter flavor</strong></li>
</ul>
</div>
</div>
</div>