20,290
edits
mNo edit summary |
|||
Line 1: | Line 1: | ||
<table> | |||
<tr> | |||
<td> | |||
<html> | |||
<div id='product-component-0904c5f574e'></div> | |||
<script type="text/javascript"> | |||
/*<![CDATA[*/ | |||
(function () { | |||
var scriptURL = 'https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js'; | |||
if (window.ShopifyBuy) { | |||
if (window.ShopifyBuy.UI) { | |||
ShopifyBuyInit(); | |||
} else { | |||
loadScript(); | |||
} | |||
} else { | |||
loadScript(); | |||
} | |||
function loadScript() { | |||
var script = document.createElement('script'); | |||
script.async = true; | |||
script.src = scriptURL; | |||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script); | |||
script.onload = ShopifyBuyInit; | |||
} | |||
function ShopifyBuyInit() { | |||
var client = ShopifyBuy.buildClient({ | |||
domain: 'ridgerun1.myshopify.com', | |||
storefrontAccessToken: 'b0ca98633a82de5d2f63cd51f5af30ac', | |||
}); | |||
ShopifyBuy.UI.onReady(client).then(function (ui) { | |||
ui.createComponent('product', { | |||
id: [1718592077895], | |||
node: document.getElementById('product-component-0904c5f574e'), | |||
moneyFormat: '%24%7B%7Bamount%7D%7D', | |||
options: { | |||
"product": { | |||
"variantId": "all", | |||
"width": "240px", | |||
"contents": { | |||
"imgWithCarousel": false, | |||
"variantTitle": false, | |||
"description": false, | |||
"buttonWithQuantity": false, | |||
"quantity": false | |||
}, | |||
"text": { | |||
"button": "BUY NOW" | |||
}, | |||
"styles": { | |||
"product": { | |||
"@media (min-width: 601px)": { | |||
"max-width": "100%", | |||
"margin-left": "0", | |||
"margin-bottom": "50px" | |||
} | |||
}, | |||
"button": { | |||
"background-color": "#007493", | |||
"font-size": "18px", | |||
"padding-top": "17px", | |||
"padding-bottom": "17px", | |||
":hover": { | |||
"background-color": "#006884" | |||
}, | |||
":focus": { | |||
"background-color": "#006884" | |||
} | |||
}, | |||
"quantityInput": { | |||
"font-size": "18px", | |||
"padding-top": "17px", | |||
"padding-bottom": "17px" | |||
}, | |||
"compareAt": { | |||
"font-size": "12px" | |||
} | |||
} | |||
}, | |||
"cart": { | |||
"contents": { | |||
"button": true | |||
}, | |||
"styles": { | |||
"button": { | |||
"background-color": "#007493", | |||
"font-size": "18px", | |||
"padding-top": "17px", | |||
"padding-bottom": "17px", | |||
":hover": { | |||
"background-color": "#006884" | |||
}, | |||
":focus": { | |||
"background-color": "#006884" | |||
} | |||
}, | |||
"footer": { | |||
"background-color": "#ffffff" | |||
} | |||
} | |||
}, | |||
"modalProduct": { | |||
"contents": { | |||
"img": false, | |||
"imgWithCarousel": true, | |||
"variantTitle": false, | |||
"buttonWithQuantity": true, | |||
"button": false, | |||
"quantity": false | |||
}, | |||
"styles": { | |||
"product": { | |||
"@media (min-width: 601px)": { | |||
"max-width": "100%", | |||
"margin-left": "0px", | |||
"margin-bottom": "0px" | |||
} | |||
}, | |||
"button": { | |||
"background-color": "#007493", | |||
"font-size": "18px", | |||
"padding-top": "17px", | |||
"padding-bottom": "17px", | |||
":hover": { | |||
"background-color": "#006884" | |||
}, | |||
":focus": { | |||
"background-color": "#006884" | |||
} | |||
}, | |||
"quantityInput": { | |||
"font-size": "18px", | |||
"padding-top": "17px", | |||
"padding-bottom": "17px" | |||
} | |||
} | |||
}, | |||
"toggle": { | |||
"styles": { | |||
"toggle": { | |||
"background-color": "#007493", | |||
":hover": { | |||
"background-color": "#006884" | |||
}, | |||
":focus": { | |||
"background-color": "#006884" | |||
} | |||
}, | |||
"count": { | |||
"font-size": "18px" | |||
} | |||
} | |||
}, | |||
"productSet": { | |||
"styles": { | |||
"products": { | |||
"@media (min-width: 601px)": { | |||
"margin-left": "-20px" | |||
} | |||
} | |||
} | |||
} | |||
} | |||
}); | |||
}); | |||
} | |||
})(); | |||
/*]]>*/ | |||
</script> | |||
</html> | |||
</td> | |||
<td><center> | |||
{{Template:Eval SDK Download, Demo Image download and Contact Us buttons}} | |||
</center></td></tr></table> | |||
= Overview = | = Overview = | ||