Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • in reply to: Embed a shopify Buy Now button into enfold – not working! #727200

    Hi,

    Here’s the button code that’s not showing up along with my login info.

    <div id=’product-component-d6a0cd464fe’></div>
    <script type=”text/javascript”>
    /*<![CDATA[*/

    (function () {
    var scriptURL = ‘https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js&#8217;;
    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: ‘mriclinic.myshopify.com’,
    apiKey: ‘a5af87bddf2cd88887f5d96e24909310’,
    appId: ‘6’,
    });

    ShopifyBuy.UI.onReady(client).then(function (ui) {
    ui.createComponent(‘product’, {
    id: [8556772993],
    node: document.getElementById(‘product-component-d6a0cd464fe’),
    moneyFormat: ‘%24%7B%7Bamount%7D%7D’,
    options: {
    “product”: {
    “variantId”: “all”,
    “width”: “240px”,
    “contents”: {
    “img”: false,
    “title”: false,
    “variantTitle”: false,
    “price”: false,
    “description”: false,
    “buttonWithQuantity”: false,
    “quantity”: false
    },
    “text”: {
    “button”: “PLACE ORDER”
    },
    “styles”: {
    “product”: {
    “@media (min-width: 601px)”: {
    “max-width”: “100%”,
    “margin-left”: “0”,
    “margin-bottom”: “50px”
    }
    },
    “title”: {
    “font-size”: “26px”,
    “color”: “#ffffff”
    },
    “price”: {
    “font-size”: “18px”,
    “color”: “#ffffff”
    },
    “compareAt”: {
    “font-size”: “15px”,
    “color”: “#ffffff”
    }
    }
    },
    “cart”: {
    “contents”: {
    “button”: true
    },
    “styles”: {
    “footer”: {
    “background-color”: “#ffffff”
    }
    }
    },
    “modalProduct”: {
    “contents”: {
    “variantTitle”: false,
    “buttonWithQuantity”: true,
    “button”: false,
    “quantity”: false
    },
    “styles”: {
    “product”: {
    “@media (min-width: 601px)”: {
    “max-width”: “100%”,
    “margin-left”: “0px”,
    “margin-bottom”: “0px”
    }
    }
    }
    },
    “toggle”: {
    “styles”: {
    “count”: {
    “color”: “#ffffff”,
    “:hover”: {
    “color”: “#ffffff”
    }
    },
    “iconPath”: {
    “fill”: “#ffffff”
    }
    }
    },
    “productSet”: {
    “styles”: {
    “products”: {
    “@media (min-width: 601px)”: {
    “margin-left”: “-20px”
    }
    }
    }
    }
    }
    });
    });
    }
    })();
    /*]]>*/
    </script>

    in reply to: Embed a shopify Buy Now button into enfold – not working! #727198

    Hi,

    I posted my login info and here’s the button code that’s not showing up.

    <div id=’product-component-d6a0cd464fe’></div>
    <script type=”text/javascript”>
    /*<![CDATA[*/

    (function () {
    var scriptURL = ‘https://sdks.shopifycdn.com/buy-button/latest/buy-button-storefront.min.js&#8217;;
    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: ‘mriclinic.myshopify.com’,
    apiKey: ‘a5af87bddf2cd88887f5d96e24909310’,
    appId: ‘6’,
    });

    ShopifyBuy.UI.onReady(client).then(function (ui) {
    ui.createComponent(‘product’, {
    id: [8556772993],
    node: document.getElementById(‘product-component-d6a0cd464fe’),
    moneyFormat: ‘%24%7B%7Bamount%7D%7D’,
    options: {
    “product”: {
    “variantId”: “all”,
    “width”: “240px”,
    “contents”: {
    “img”: false,
    “title”: false,
    “variantTitle”: false,
    “price”: false,
    “description”: false,
    “buttonWithQuantity”: false,
    “quantity”: false
    },
    “text”: {
    “button”: “PLACE ORDER”
    },
    “styles”: {
    “product”: {
    “@media (min-width: 601px)”: {
    “max-width”: “100%”,
    “margin-left”: “0”,
    “margin-bottom”: “50px”
    }
    },
    “title”: {
    “font-size”: “26px”,
    “color”: “#ffffff”
    },
    “price”: {
    “font-size”: “18px”,
    “color”: “#ffffff”
    },
    “compareAt”: {
    “font-size”: “15px”,
    “color”: “#ffffff”
    }
    }
    },
    “cart”: {
    “contents”: {
    “button”: true
    },
    “styles”: {
    “footer”: {
    “background-color”: “#ffffff”
    }
    }
    },
    “modalProduct”: {
    “contents”: {
    “variantTitle”: false,
    “buttonWithQuantity”: true,
    “button”: false,
    “quantity”: false
    },
    “styles”: {
    “product”: {
    “@media (min-width: 601px)”: {
    “max-width”: “100%”,
    “margin-left”: “0px”,
    “margin-bottom”: “0px”
    }
    }
    }
    },
    “toggle”: {
    “styles”: {
    “count”: {
    “color”: “#ffffff”,
    “:hover”: {
    “color”: “#ffffff”
    }
    },
    “iconPath”: {
    “fill”: “#ffffff”
    }
    }
    },
    “productSet”: {
    “styles”: {
    “products”: {
    “@media (min-width: 601px)”: {
    “margin-left”: “-20px”
    }
    }
    }
    }
    }
    });
    });
    }
    })();
    /*]]>*/
    </script>

Viewing 2 posts - 1 through 2 (of 2 total)