New Shopify Buy Button Issue

Design help Custom code
1

Hi,
Shopify has updated their buy button codes and I am having a big problem now.
I have 3 embed buy buttons in the same page for the same product, one is at the top of the page, one middle and one at the bottom of the page.

But when I load the live page, all the 3 buttons are loading together at the top of the page, where should have only one button, the other 2 spots are completed ignored and blank.

1049×511 152 KB

But I can have multiple buttons in the same page, as long the products are not the same.

I really need to fix that as soon as possible. Any idea? Maybe I will have to give an id for each embed code?

Thanks

2

I’m having the same problem. Did you ever find a solution?

3

I figured it out. Just change the last number in the id name of the opening div:

<div id="product-component-xxxxxxxxxx"></div>

Then find this in the code:

node: document.getElementById('product-component-xxxxxxxxxx'),

and change the id number to match.