Shopify Buy Buttons issue
-
WP~
I use the following:
~www.remarpro.com v 4.6.1;
~Suffusion Theme v 4.4.9
~Samsung Chromebook;
~Chrome browser;
~Bluehost ISPWhen I installed WP v 4.6.1 my web site products and services pages now display multiple buttons under each package. See the below examples:
~https://thewholisticedge.com/consulting/zen-of-wellness/
~https://thewholisticedge.com/consulting/inside-out-performance/
~https://thewholisticedge.com/consulting/inside-out-health/Deactivation of plugins did not change multiple buttons being displayed. Deactivation of Jetpack v 4.3.2 did return images on my site to desired sizes but had no impact on the Shopify Buttons issue.
Shopify gurus stated the issue is likely with www.remarpro.com versus a code or Shopify issue.
Please find below the code generated for the desired buy buttons.<div id=’product-component-c5ade29a724′></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: ‘the-wholistic-edge.myshopify.com’,
apiKey: ’10c3b84a2bfd9f73d8822e28f4483636′,
appId: ‘6’,
});ShopifyBuy.UI.onReady(client).then(function (ui) {
ui.createComponent(‘product’, {
id: [5472527873],
node: document.getElementById(‘product-component-c5ade29a724’),
moneyFormat: ‘%24%7B%7Bamount%7D%7D’,
options: {
“product”: {
“buttonDestination”: “cart”,
“layout”: “vertical”,
“variantId”: “all”,
“width”: “280px”,
“contents”: {
“variantTitle”: false,
“description”: false,
“buttonWithQuantity”: false,
“quantity”: false
},
“text”: {
“button”: “Purchase”
},
“styles”: {
“product”: {
“@media (min-width: 601px)”: {
“max-width”: “100%”,
“margin-left”: “0”
}
},
“button”: {
“background-color”: “#141413”,
“:hover”: {
“background-color”: “#222220”
},
“:focus”: {
“background-color”: “#222220”
}
},
“price”: {
“font-size”: “18px”
},
“compareAt”: {
“font-size”: “15px”
}
}
},
“modalProduct”: {
“contents”: {
“variantTitle”: false,
“buttonWithQuantity”: false,
“quantity”: false
},
“styles”: {
“button”: {
“background-color”: “#141413”,
“:hover”: {
“background-color”: “#222220”
},
“:focus”: {
“background-color”: “#222220”
}
}
}
},
“cart”: {
“styles”: {
“button”: {
“background-color”: “#141413”,
“:hover”: {
“background-color”: “#222220”
},
“:focus”: {
“background-color”: “#222220”
}
}
}
},
“toggle”: {
“styles”: {
“toggle”: {
“background-color”: “#141413”,
“:hover”: {
“background-color”: “#222220”
},
“:focus”: {
“background-color”: “#222220”
}
}
}
}
}
});
});
}
})();
/*]]>*/
</script>The buttons seem to function properly. I just need one Shopify Buy Button per product or service displayed versus multiple buttons.
Thank you for your time and assistance.
Namaste…
~jsk
- The topic ‘Shopify Buy Buttons issue’ is closed to new replies.