View Cart button conflicts with jQuery Superfish

button

code

cart

view

javascript

menus

superfish

obfuscated

packer

advantus 2010-04-08 09:19:47 UTC #1

I'm using the javascript buttons on a site where I have a jQuery Superfish menu. Whenever I paste the view cart button code into the page, it conflicts with my superfish script and my menus don't work properly. Is there a way to use the view cart button with javascript (to keep the lightbox) but not have it conflict with superfish? The box.js code is obfuscated with JS Packer, so I can't tell what's causing the issue.

E-junkie_Ninja 2010-04-08 09:39:46 UTC #2

Try to move the java script section of our code. Place it directly before or immediately after the <body> tag or </body> tag. Often a conflict with other java script code can be fixed with a move to one of those four location

advantus 2010-04-08 09:54:51 UTC #3

Actually, here's what I did (I'm real impatient). I'm using another lightbox plugin (it's a WordPress site), so I used the Add to Cart and View Cart buttons without the javascript. Then I just added the parameters on the buttons that call the lightbox plugin, and it opens up the e-junkie cart in an iframe within the lightbox. As long as the href parameters are all there, it should work right? The cart seemed to function normally this way.

E-junkie_Ninja 2010-04-08 09:59:48 UTC #4

If the other light box plugin seems to be working fine then yeah it should work. You may want to go through a test checkout to verify it. Here is a link to our testing page:

http://www.e-junkie.com/ej/help.test.htm

E-junkie_Guru 2010-04-08 20:04:20 UTC #5

Another thing you can try which might be simpler than the solution you devised is simply rearranging the order in which various javascripts appear in your page. I.e., take this portion of your View Cart code:

<script language="javascript" type="text/javascript">



</script>

<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>

...and move it around, say, just after the <HEAD> or before the </HEAD>, or just after the <BODY> or before the </BODY>, but basically changing where it appears before or after your other scripts. Most javascript conflicts can be resolved by moving script references so one is called before or after another until they start playing nice together.

SOLUTIONS FEATURES PRICING DISCOVER PRODUCTS CONTACT HELP DOCS DASHBOARD

Forum

E-junkie Community Forum

Share and learn in the E-junkie community.