|
|
| Line 32: |
Line 32: |
| OR you can use the online shopping cart below from RidgeRun | | OR you can use the online shopping cart below from RidgeRun |
|
| |
|
| <center>
| | {{Shopping Cart - GStreamer pre-record element}} |
| <table>
| |
| <tr>
| |
| <html>
| |
| <div id='product-component-aa4cbc86d06'></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: [1684606517319],
| |
| node: document.getElementById('product-component-aa4cbc86d06'),
| |
| 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>
| |
| </tr>
| |
| </table>
| |
| </center>
| |
| <br> | | <br> |
| |- | | |- |
