Link to home
Create AccountLog in
Avatar of khellar
khellar

asked on

Fancybox image broken on "back" button only in Magento product listing

If you take a look at this page:
http://stoneflypress.com/shop/introduction-to-fly-fishing-for-trout

...you can roll over the image, click it, and everything works fine. However if you click "add to cart" and then click "back" from the cart, then roll over the image again, it will show a broken image there. For some reason this does not occur if you click the linked product name from the cart listing, then it will work fine. It only happens when "back" is used.

Would appreciate any help. Thank you.
Screen-Shot-2013-02-15-at-3.55.0.png
Avatar of Gary
Gary
Flag of Ireland image

All I get on page load is a very faded out image and it isn't clickable - is this correct

Ok I see, happened to have my mouse over the image when the page loaded, what should be happening?
Avatar of khellar
khellar

ASKER

The image should just look like any other image. The when you click on it it should open fancybox modal image view. Pretty straightforward.
Is this a Magento plugin or you have added this manually?
Your image zoomer seems to be interfering with the prettyphoto.
Avatar of khellar

ASKER

It's the IG LightBox extension. You know I actually had Magaitec's image switcher installed but not enabled. I uninstalled and for now it seems to be working fine. Can you confirm that the problem is not persisting on your end? I mean can you replicate what you were getting the very first time?:

All I get on page load is a very faded out image and it isn't clickable - is this correct

I appreciate the help on this.
Still the same for me, there is something adding a div over the picture that is referenced featured image zoomer
Avatar of khellar

ASKER

I'm not even going to ask if you refreshed your cache ;)
Alright, I'll see if I can source where that zoomer is coming from.
Avatar of khellar

ASKER

I've gone ahead and removed the zoomer code from around the image and I think it's still showing up broken.
Kinda works unless you move your mouse to the right of the title and just before the image plus that zoomer code is still showing and is reponsible for it as far as I can see.
Avatar of khellar

ASKER

Ok I think I'm getting somewhere. And actually I'm sorry it's not Fancybox that I'm using it's Prettyphoto. I found this link:

http://wordpress.org/support/topic/plugin-wp-prettyphoto-wp-prettyphoto-162-broken-wp-31

It's wordpress but I think it's related. Seems like if the JQuery version is wrong, people are getting this spinny ball thing over the faded image just like I am.

I wish I knew more about javascript. Can I just completely replace JQuery? The devs that built my site initially seem to have combined some files. What would be the best course of action to upgrade?
ASKER CERTIFIED SOLUTION
Avatar of Gary
Gary
Flag of Ireland image

Link to home
membership
Create a free account to see this answer
Signing up is free and takes 30 seconds. No credit card required.
See answer
Avatar of khellar

ASKER

Gary you're awesome for sticking with me on this one man. I did try that extension last night actually and I think I have some kind of JQuery conflict going on because it didn't work - at all. The images just opened up in a new tab. I tried several configurations with the Javascript toggles and couldn't get it to work either. I'm gonna do some more fiddling today with commenting out other js calls and see if I can get either or both of these plugins to work.
If your using that plugin make sure (like most of the plugins) that you copy the files to your theme folder - that is in the skin and app folder - if you look at the structure of the plugin folders you will see they have the files in the default folder (sounds like you didn't copy them)
You can use this site http://freegento.com/ddl-magento-extension.php to download the extension manually - which makes it easier copying the relevant files to your theme.

And if I remember correctly you can disable the jquery inclusion in the settings under Admin
Avatar of khellar

ASKER

Total rock star. I'm on it.
Avatar of khellar

ASKER

*Sigh* I think I've got some javascript conflicts as I said. Ie. I think these plugins work well with some version of jquery I don't have, maybe older. I'm running 1.8 something and I noticed that the extension you sent tries to include 1.7. If I comment out the jquery from homepage's royalslider, I get all kinds of other warnings from bootstrap. If I turn off jquery inclusion in the settings, it doesn't work either. Sorry all the js stuff is not my jam.

Anybody want a job?
Avatar of khellar

ASKER

Hey Gary, I took your advice and installed the MagePsycho extension. Went ahead and snagged their $25 Installation option on the bottom of this page and he had me up and running within the hour: http://www.magepsycho.com/jquery-lightbox-es.html

As it turns out my JQuery wasn't initializing properly in the heading so I was getting some conflicts.

Thanks for all the time you spent helping me. Great expert.
Avatar of khellar

ASKER

Top contributor. Great input and stuck with me until solved. Stoked!
Glad you got it working, and kudos that you paid him for the support option.
Free developers so often do not get the reward they deserve and MagePsycho are  a very much reputable company. I have no affiliation with them just in case anyone thinks that...
As an aside, plugins will always usually work with later versions of jquery, usually problems arise using earlier versions.