Jquery Zoom [Support thread]

I cant seem to find Jquery Zoom in the downloads section? anyone got a link to it?

niccol:

Just installed fine on a site I am building. Well, OK I had forgotten a css file but that is now rectified. The more complete version is attached.

Looking at your site I suspect that the reason it doesn't work is the version of jQuery that is loaded on the site. That is an OLD version :-) Some of the stuff that jqzoom use were introduced in version 1.2.6 . That was a long time ago.

You need to update your version. You can download a recent version easily enough but I would think about using a version from a CDN - either jquery themselves or google. If you search for something like 'loading jquery from google' you'll find information. Others may disagree with this but to me it makes more sense.

And for anyone else trying this - you will need to have jQuery loaded on the site one way or another. That is not included in the files so you will have to make it happen if it is not already loaded.

doesnt work.

when I hover, the small image is displayed.. ?

Well I think it might be more accurate to say that it isnot working for you. if you want people to help you with that the you might post a url to the site and let us know what other mods you use. you probably have a javascript conflict but without more information it is hardto give you more advice.

niccol:

Well I think it might be more accurate to say that it isnot working for you. if you want people to help you with that the you might post a url to the site and let us know what other mods you use. you probably have a javascript conflict but without more information it is hardto give you more advice.

niccol,

you're right, forgive me. it didnt work for me.. though from reading the thread i'm not convinced I have the full file set. I downloaded the files you uploaded a few posts back, however I get the impression there should be a database patch which configures some settings for this mod? is that correct? If so, where can I get the full fileset to try?

I use Small, Medium and Large images in the respective directories.
As I mentioned, on the product info page when I hover over the main image, I get the cross curser thing and the image goes from my medium image straight down to what appears to be my small image size.

I wonder if this is because if thee are settings to say how much you want to zoom by etc, that without the database setting there its defaulting to a very small value?

Thanks
Phil

Ok. that makes some sense. i think the problem is the small medium large set up you use. as it stands it will zoom to the default image which in your case is small. that is an idiosyncrcy of zen.
i will have a look at writing a version for your set up when i get back to my desk in a few days.
looks like i may have to turn this into a proper module and not just a few code snippets on the forum! You may have just volunteered to beta test it.

niccol:

Ok. that makes some sense. i think the problem is the small medium large set up you use. as it stands it will zoom to the default image which in your case is small. that is an idiosyncrcy of zen.
i will have a look at writing a version for your set up when i get back to my desk in a few days.
looks like i may have to turn this into a proper module and not just a few code snippets on the forum! You may have just volunteered to beta test it.

Sounds good to me! in the mean time can you point out to me where I could potentially look to change the code to default to the large file? I guess I will have to do a similar thing as zen does with string replace to re-write the image file name and directory but i've done this before so shouldnt be too difficult.

Is there supposed to be a database patch? I would have sworn i saw a thread on here talking about settings for this mod?

Also, I noticed on your site your additional images switch to the main image position don't they? do I need to install image swap for this or should this mod be doing this when I click on additional images?

Thanks

Phil

I am working on a phone at the moment so cant say off the top of my head. weak i know! I need to look at the files. i guess it is in additional_images.php where it ceates the <a> tags.

there is no sql. the zoom factor is just determined by the size of the large image.

having said that there are some jq settings that are initialised in the javascript.

jqzoom also does the image swapping which is one of the reasons i like the script

Hmm ok so I don't need to also have image swapper installed? I will have to test again as I'm pretty sure when I clicked on the additional images it was just loading the large images in a new window?

When you say it goes by the large image I assume you mean it goes by the actual size of the default image?

No you should nt need image swapper.

yes it uses the default image to zoom. basically designed for set ups that do not use smallmediumlarge but might use image handler.

yes i will be more use to you in 24hrs!

It would be nice to have a complete set of this plugin!

niccol:

No you should nt need image swapper.

yes it uses the default image to zoom. basically designed for set ups that do not use smallmediumlarge but might use image handler.

yes i will be more use to you in 24hrs!

No worries Nick ill do some more testing in the mean time cheers :-)

niccol:

Ok. that makes some sense. i think the problem is the small medium large set up you use. as it stands it will zoom to the default image which in your case is small. that is an idiosyncrcy of zen.
i will have a look at writing a version for your set up when i get back to my desk in a few days.
looks like i may have to turn this into a proper module and not just a few code snippets on the forum! You may have just volunteered to beta test it.

UPDATE: I have the zoom working a proven if I only use the small images and make sure the product info size is set smaller than the actual image size. So I am happy this part works GREAT!

now I just need to get it to use my large images instead of the small as we said a few posts ago.

However, I can confirm that the additional images are defiantly now swapping, they are just doing as they normally do :O( any suggestions? When I click them instead of it showing where the main product image shows they are just opening the new window.

Thanks

Ok so I have it working for diferent size images, however I think we need to make this more dynamic and it needs to check if the file exists as if it doesn't you get an error dialogue box appear. here is what I have done to use the medium directory, however I will change it for Large as soon as I have my large images uploaded.

in tpl_modules_main_product_image.php
added

$large_image_product = str_replace(".jpg", "_MED.jpg", $products_image);

and then changed below to this:

as I say this is a dirty work around.

Still not seen why the image swap isnt working.. very confused. wonder if I have the correct additional images file? is it just the additional images file that needs to change for it?

Files I have are:
/includes/modules/additional_images.php
/includes/modules/pages/product_info/jscript_jquery.jqzoom-core.js
/includes/modules/pages/product_info/jscript_jqzoom_init.js
/includes/templates/MY_TEMPLATE/css/stylesheet_jquery.jqzoom.css
/includes/templates/MY_TEMPLATE/templates/tpl_modules_main_product_image.php

Is this all I should have to make the image swap happen? is there no JS for it?

actually, I just check the additional_images.php file.. its identical to my core zen file? did you accidentally include the wrong one in your upload?

niccol:

Attached is the code that I used to add jqzoom in with image swapping on the additional images. It is not sorted into the correct structure but there is one template, one module and two js files so you should be able to work it out.

It has code edits in it for IH.

As I say you may need to pre-load the large images if you are using scaled large images.

All the settings for jqzoom are in jscript_jqzoom_init.js

ah ha! this was the one I needed!!! now works though it looks like its stretching my small image when displaying in the main image area as the quality is really poor..

also zoom defaults back to the small but I guess its just a case of getting the <a> tags updates as with the main image?

I noticed some image handler notes in this file too? is that right as I dont have image handler..? yey! getting there slowly!

just tested something, disables Javascript and doesnt react very well. displays two of every image and one is the standard pop up image and the other is a link to the image at the image directory. Need some way of not showing that second image if java is disabled?

Excuse the multitude of posts. Thinking as I go. Am wondering if using a large image for the zoom is beneficial? Question is does it load the large image on page load or only when you hover? If its on page load if I use a larger image ill be loading a medium image and a large for each image won't I?

If so ill just make my medium images lager than what I have the product info image size set too.

That make sense??

Found a few suggestions here http://stackoverflow.com/questions/5181346/how-can-i-write-html-code-only-if-js-is-enabled

just been having a fiddle, and maybe a better way of working it would be like this?

having trouble with the escaping though to include
title="' .$products_name. '"

obviousy I think this would still benefit with some sort of image checking above to decide if there is larger images in either medium or large directory. but at least the method above deals with no Javascript..

What d'ya think?

Hi all!

Maybe just a silly question... I just can't seem to download the JQzoom files.... I went to this url:http://eazyecommerce.com/web-templat...es/jquery-zoom. However from there I can't view the theme either download the file.... I registered myself but without succes. After exploring all pages in this thread I just hope someone has the original fileset for me :smile: I foud a chinese zipfile but the folder structure was also in chinese :blush:

SebasVerwoert:

Hi all!

Maybe just a silly question... I just can't seem to download the JQzoom files.... I went to this url:http://eazyecommerce.com/web-templat...es/jquery-zoom. However from there I can't view the theme either download the file.... I registered myself but without succes. After exploring all pages in this thread I just hope someone has the original fileset for me :smile: I foud a chinese zipfile but the folder structure was also in chinese :blush:

Use the files that are posted in this thread. I don't think that website supports that software anymore or certainly doesn't allow downloading from there site..