FoxyCart Forum

fireproofsocks

This is driving me nuts. The basic problem is that when I add an item to my cart, it pops over to a new page... the thickbox does not show up. I'm pulling my hair out... I can't figure out where the JS conflict is.

I figured this out once already, and now it's back to haunt me... I can whisper the URL I have of a test page if anyone has the heart to take a look.

fireproofsocks

Found it... it's a conflict with the facebook like button javascript available here
http://www.ethitter.com/plugins/simple-facebook-share-button/

Now the question of how to rectify it.

brett

It's probably with jQuery being included more than once? Whisper me a link if you can't get it.

brett

Ah ok. The Facebook script isn't the problem. Your working example has jQuery Tools ("full") commented out. Your non-working example has it included. If you look at the code you'll see that it's loading jQuery 1.3.2 in it. Maybe because it's the "full" version? That seems to be the problem.

fireproofsocks

Ah, I spoke too soon. The problem is with the jQuery tools:
http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js

If I comment out that file, FoxyCart's ThickBox works, but the animation for the Products menu breaks.
If that file is included, the Products menu's animation works, but FoxyCart's ThickBox breaks.

Oiy... thoughts?

fireproofsocks

Yep...

http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js
http://cdn.foxycart.com/fireproofsocks/foxycart.complete.js

Check it out... both libraries define the following functions:
[ulist]
[li]function c[/li]
[li]function e[/li]
[li]function f[/li]
[/ulist]

Possibly others. What's a site to do?

fireproofsocks

Ah, figured out a solution based on the thread here:
http://forum.foxycart.com/comments.php?DiscussionID=2941

Basically, the jquerytools include already includes jQuery (at least the full version does):
http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js

But the tiny version does not:
http://cdn.jquerytools.org/1.1.2/tiny/jquery.tools.min.js

So I replaced my FoxyCart 0.7 files to look like this:

<!-- BEGIN FOXYCART FILES -->
	<script type='text/javascript' src='http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js?ver=3.0.3'></script>
	<script src="http://cdn.foxycart.com/xxxxx/foxycart.complete.js"; type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="http://static.foxycart.com/scripts/colorbox/1.3.9/style1/colorbox.css"; type="text/css" media="screen" charset="utf-8" />
	<!-- END FOXYCART FILES -->

And that worked! It's not 100% kosher because version 1.1.2 of the jquerytools uses an older version of jQuery, but the site's menu animations are relying on functions that are only available in the older version (???). Otherwise I would have referenced the newer file: http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js

fc_adam

@fireproofsocks, you can include a version of jQuery Tools that doesn't also include jQuery with it. This is the latest and greatest version of jQuery Tools without jQuery: http://cdn.jquerytools.org/1.2.5/all/jquery.tools.min.js. If you just change "full" to "all" in your jQuery Tools link, you should be good to go.

[edit]You beat me to it. Glad you got it sorted!

brett

And that worked! It's not 100% kosher because version 1.1.2 of the jquerytools uses an older version of jQuery,...

Fyi and to any others reading this in the future: v0.7.0/1 (the latest at the time of this comment) do rely on functionality only available in jQuery 1.4.x+, so you definitely want to make sure you use at at least the version that FoxyCart's including per version.

Glad you got it though. woot.

FoxyCart Forum

Howdy, Stranger!

Categories

In this Discussion