Jquery Zoom [Support thread]

[chadderuski]

updated to latest CDN library, but not getting the hover:

http://96<dot>30<dot>58<dot>67/index.php?main_page=product_info&cPath=41_80&products_id=366

replace <dot>'s

[chadderuski]

Okay, been spending some time on this. Does Image Handler have to be installed?

tpl_modules_main_product_image.php has a class="bonzer_zoom" but no where in the included files can I find where that class is defined in a CSS file.

This is probably why I can't get it to work....

[philip937]

Okay, been spending some time on this. Does Image Handler have to be installed?

tpl_modules_main_product_image.php has a class="bonzer_zoom" but no where in the included files can I find where that class is defined in a CSS file.

This is probably why I can't get it to work....

Image handler doesn't need to be installed you just need to include the jquery library.

That class is more likely for jquery not css

[philip937]

You might have a jquery conflict, try loading them in a different order

[philip937]

its working my end, and hat even on IE6... see image attatched..

[chadderuski]

its working my end, and hat even on IE6... see image attatched..

Hi Philip!

Your suggestion of jscript version is what I think solved it for me. I was loading 1.9, so I changed back to 1.6.

I found this site that is also using 1.6:

http://www.mind-projects.it/projects...x.php#howtouse

Really appreciate the help!

[niccol]

@chad
that class is used to attach the zoom to the element. it is a jQuery thing.
Having said that you seem to be getting close. When I look the zoom is working. Just in the wrong place.
looks to me like you need to change the settings in the jQuery initialisation which is in jscript_jqzoom_init.js and/or apply a css rule for position:relative to the .bonzer_zoom class.

@phil
great. what next?

[philip937]

Nick, haven't had chance to test the script links yet, as soon as I have I'll let you know the outcome.

I was going to suggest if you want to submit this as a mod, maybe look at having admin settings to enable/disable too?

[chadderuski]

One more question

Is this supposed to work with multiple images yet?

It may be jumping the gun, or not have my images setup for jqzoom.

When I click one of the additional images, I get two pop-up errors:
1st: Problems loading image
2nd: Problems loading big image

I have only 1 image for each product (they are not broken into LRG MED SM), could that be the issue?

-chadd

[niccol]

I was kind of hoping that you would submit it as a mod!

One of the big issues about mods is just finding the time to support them. I am a bit at my limit with SNAF and helping out on a few others. There are a couple in the pipeline that I would like to release but just don't have the time to support. It feels wrong to submit them if you can't support them.

Actually, I think that the way to go would be to have a configuration page that as well as turning on and off allows users to set some of the jqzoom init variables. Gosh, I have got to stop talking myself into this stuff.

Perhaps it is worth looking at the jqzoom options and deciding which ones we like the look of. What do you think? Chad?

At the moment it looks like this:

    var options = {  
            zoomType: 'innerzoom',  
            lens:true,  
            title:false,
            preloadImages: true,  
            alwaysOn:false,  
            zoomWidth: 300,  
            zoomHeight: 250,  
            xOffset:90,  
            yOffset:30,  
            position:'left'  
            //...MORE OPTIONS  
    };