568
edits
Crodriguez (talk | contribs) No edit summary |
Crodriguez (talk | contribs) No edit summary |
||
Line 26: | Line 26: | ||
<td> | <td> | ||
<html> | <html> | ||
<div id='product-component- | <div id='product-component-1680122401703'></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: '7814133776571', | |||
node: document.getElementById('product-component-1680122401703'), | |||
moneyFormat: '%24%7B%7Bamount%7D%7D', | |||
options: { | |||
"product": { | "product": { | ||
"styles": { | "styles": { | ||
"product": { | "product": { | ||
"@media (min-width: 601px)": { | "@media (min-width: 601px)": { | ||
"max-width": " | "max-width": "calc(25% - 20px)", | ||
"margin-left": " | "margin-left": "20px", | ||
"margin-bottom": "50px" | "margin-bottom": "50px" | ||
} | } | ||
}, | }, | ||
"button": { | "button": { | ||
" | "font-family": "Open Sans, sans-serif", | ||
"font-weight": "bold", | |||
"font-size": "18px", | "font-size": "18px", | ||
"padding-top": "17px", | "padding-top": "17px", | ||
"padding-bottom": "17px", | "padding-bottom": "17px", | ||
":hover": { | ":hover": { | ||
"background-color": "# | "background-color": "#0187a7" | ||
}, | }, | ||
"background-color": "#0196ba", | |||
":focus": { | ":focus": { | ||
"background-color": "# | "background-color": "#0187a7" | ||
} | }, | ||
"border-radius": "5px", | |||
"padding-left": "50px", | |||
"padding-right": "50px" | |||
}, | }, | ||
"quantityInput": { | "quantityInput": { | ||
Line 99: | Line 88: | ||
"padding-top": "17px", | "padding-top": "17px", | ||
"padding-bottom": "17px" | "padding-bottom": "17px" | ||
} | } | ||
} | }, | ||
"text": { | |||
"button": "Add to cart" | |||
}, | |||
"googleFonts": [ | |||
"Open Sans" | |||
] | |||
}, | }, | ||
" | "productSet": { | ||
"styles": { | "styles": { | ||
" | "products": { | ||
" | "@media (min-width: 601px)": { | ||
"margin-left": "-20px" | |||
" | |||
} | } | ||
} | } | ||
} | } | ||
Line 131: | Line 110: | ||
"img": false, | "img": false, | ||
"imgWithCarousel": true, | "imgWithCarousel": true, | ||
"button": false, | "button": false, | ||
" | "buttonWithQuantity": true | ||
}, | }, | ||
"styles": { | "styles": { | ||
Line 145: | Line 122: | ||
}, | }, | ||
"button": { | "button": { | ||
" | "font-family": "Open Sans, sans-serif", | ||
"font-weight": "bold", | |||
"font-size": "18px", | "font-size": "18px", | ||
"padding-top": "17px", | "padding-top": "17px", | ||
"padding-bottom": "17px", | "padding-bottom": "17px", | ||
":hover": { | ":hover": { | ||
"background-color": "# | "background-color": "#0187a7" | ||
}, | }, | ||
"background-color": "#0196ba", | |||
":focus": { | ":focus": { | ||
"background-color": "# | "background-color": "#0187a7" | ||
} | }, | ||
"border-radius": "5px", | |||
"padding-left": "50px", | |||
"padding-right": "50px" | |||
}, | }, | ||
"quantityInput": { | "quantityInput": { | ||
Line 161: | Line 143: | ||
"padding-bottom": "17px" | "padding-bottom": "17px" | ||
} | } | ||
} | }, | ||
"googleFonts": [ | |||
"Open Sans" | |||
] | |||
}, | |||
"option": {}, | |||
"cart": { | |||
"styles": { | |||
"button": { | |||
"font-family": "Open Sans, sans-serif", | |||
"font-weight": "bold", | |||
"font-size": "18px", | |||
"padding-top": "17px", | |||
"padding-bottom": "17px", | |||
":hover": { | |||
"background-color": "#0187a7" | |||
}, | |||
"background-color": "#0196ba", | |||
":focus": { | |||
"background-color": "#0187a7" | |||
}, | |||
"border-radius": "5px" | |||
}, | |||
"title": { | |||
"color": "#4c4c4c" | |||
}, | |||
"header": { | |||
"color": "#4c4c4c" | |||
}, | |||
"lineItems": { | |||
"color": "#4c4c4c" | |||
}, | |||
"subtotalText": { | |||
"color": "#4c4c4c" | |||
}, | |||
"subtotal": { | |||
"color": "#4c4c4c" | |||
}, | |||
"notice": { | |||
"color": "#4c4c4c" | |||
}, | |||
"currency": { | |||
"color": "#4c4c4c" | |||
}, | |||
"close": { | |||
"color": "#4c4c4c", | |||
":hover": { | |||
"color": "#4c4c4c" | |||
} | |||
}, | |||
"empty": { | |||
"color": "#4c4c4c" | |||
}, | |||
"noteDescription": { | |||
"color": "#4c4c4c" | |||
}, | |||
"discountText": { | |||
"color": "#4c4c4c" | |||
}, | |||
"discountIcon": { | |||
"fill": "#4c4c4c" | |||
}, | |||
"discountAmount": { | |||
"color": "#4c4c4c" | |||
} | |||
}, | |||
"googleFonts": [ | |||
"Open Sans" | |||
] | |||
}, | }, | ||
"toggle": { | "toggle": { | ||
"styles": { | "styles": { | ||
"toggle": { | "toggle": { | ||
"background-color": "# | "font-family": "Open Sans, sans-serif", | ||
"font-weight": "bold", | |||
"background-color": "#0196ba", | |||
":hover": { | ":hover": { | ||
"background-color": "# | "background-color": "#0187a7" | ||
}, | }, | ||
":focus": { | ":focus": { | ||
"background-color": "# | "background-color": "#0187a7" | ||
} | } | ||
}, | }, | ||
Line 177: | Line 229: | ||
"font-size": "18px" | "font-size": "18px" | ||
} | } | ||
} | }, | ||
"googleFonts": [ | |||
"Open Sans" | |||
] | |||
}, | }, | ||
" | "lineItem": { | ||
"styles": { | "styles": { | ||
" | "variantTitle": { | ||
" | "color": "#4c4c4c" | ||
}, | |||
"title": { | |||
"color": "#4c4c4c" | |||
}, | |||
"price": { | |||
"color": "#4c4c4c" | |||
}, | |||
"fullPrice": { | |||
"color": "#4c4c4c" | |||
}, | |||
"discount": { | |||
"color": "#4c4c4c" | |||
}, | |||
"discountIcon": { | |||
"fill": "#4c4c4c" | |||
}, | |||
"quantity": { | |||
"color": "#4c4c4c" | |||
}, | |||
"quantityIncrement": { | |||
"color": "#4c4c4c", | |||
"border-color": "#4c4c4c" | |||
}, | |||
"quantityDecrement": { | |||
"color": "#4c4c4c", | |||
"border-color": "#4c4c4c" | |||
}, | |||
"quantityInput": { | |||
"color": "#4c4c4c", | |||
"border-color": "#4c4c4c" | |||
} | } | ||
} | } | ||
} | } | ||
} | }, | ||
}); | |||
}); | |||
} | |||
})(); | |||
/*]]>*/ | |||
</script> | |||
</html> | </html> | ||
<td> | <td> |