Shopify Button/ Webflow Hack BS

Alright I might be doing this all damn wrong but wanted to see if any one can help me or if they might have a work around solution that might work.

I’m trying to combine a shopify buy button into my webflow project. I’m trying to do it in a way that the shopify button is camouflage and hidden by turning the opacity all the way downand using the styling of the webflow button. But Having a tiny issue that on chrome after adding an item on the cart and I go back the "Add to cart text moves Up(see screen shot). This only happens on chrome. I’m attaching a read only link to see if anyone can help me

https://preview.webflow.com/preview/sunny--vodka?utm_medium=preview_link&utm_source=designer&utm_content=sunny--vodka&preview=7ff012ff20c266fb03c39fc9c225673c&pageId=6202d6ecde158502617ebda4&workflow=preview




Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Bump… anyone know a solution??

Hi @carlos_nunez ,

Not sure if what I have created might help? This is some custom Shopify buy code that allows all of the elements to be edited inside of the webflow visual designer giving you full control over how they interact and look.

Working examples.
This site pulls in everything from Shopify, images, price, title, description etc.

This site pulls in the product variant buttons

This site pulls in the product details and has the variant options all from Shopify.
https://www.whenindoubtlove.com/products/widl-bracelet

Other sites we have integrated the Shopify code into

https://piloti-f82a77.webflow.io/products/drift-midnight

Let me know if you would like to discuss some more chris@clickyclicks.co.uk

1 Like

Hi @carlos_nunez @Chris_Waterhouse, yes im having the same problems! Can you help?