Need help figuring out why our Shopify ‘buy button’ dissapears when our site loads.
Asked Shopify and they say it’s possible css is hiding the element.
I’ve pasted the live site below, just click the ‘view details’ button on the ‘wedding cake’ item and you’ll see the ‘add to cart’ button is not there. I’ve left what Shopify stated below if that helps!
FROM SHOPIFY :
Sometimes the CSS on a third party website can interfere with the CSS rules of the Buy Button. For example, if a website chooses to set
display: hidden; for the iframe element will effectively render a Buy Button invisible.
I have conducted some more testing on your Webflow site and believe the issue may be relating to the load order of some elements or scripts on the site.
Situation 1: If you refresh the page then quickly click ‘View Details’, the Buy Button loads.
Situation 2: If you refresh the page, wait for all elements and scripts to load, then click ‘View Details’ the Buy Button is hidden.
Here is a video demonstrating this, I run six tests: the first three being situation 1 the last three being situation 2.
LIVE SITE : https://nugz-splash.webflow.io/home
READ ONLY : https://preview.webflow.com/preview/nugz-splash?utm_medium=preview_link&utm_source=dashboard&utm_content=nugz-splash&preview=af47d60eb1cfce1ded6ce9b22d6f3219&mode=preview