Link to home
Start Free TrialLog in
Avatar of kwick
kwick

asked on

Javascript issue on checkout page

We are trying to list 2 checkout buttons on our checkout page utilizing Amazon checkout  The script seems to have an issue with this and we need some guidance.

We want to list product #1 with a checkout button below it. This works great.
We then have a 2nd product, but when we add the script for the 2nd product, it puts the 2 buttons right next to each other, regardless of where we place the code on the page.

To see exactly what we are talking about, please look at this page:
http://www.maxreduce.com/order-nowazon.php

We have the 2 checkout script codes completely separated on the page and located under each product image. In fact, we have placed the 2nd checkout code button at the bottom of the page and it still puts them side by side.

The code is generated by the Amazon page and other than placing the code, we are not able to modify it.

How do we create separation of the 2 scripts?  We have tried
</script>
and other variations - no luck.
ASKER CERTIFIED SOLUTION
Avatar of cfEngineers
cfEngineers

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Dave Baldwin
You're putting them in the same <div> "<div id="cbaxmlButton">".   Even though you have a second copy, javascript will only find the first one.  "id"s are supposed to be unique.  "class"s can be used in multiple elements but "id"s shouldn't be.
Avatar of kwick
kwick

ASKER

Perfect and fast.  Hours of frustration - GONE!!!

Thanks..