Jquery Zoom [Support thread]

[Kevin205]

As promised, here is the file set. Should work with a clean install of ZC 1.5.1.

It should handle all variations of image sizes in the directories you have, for example

if you only have small images in your main image directory, you simply just need the actual image size larger than the value set for your product listing image for the zoom to appear to work.

If you have small and medium images, you simply need to ensure that your actual medium image size is larger than that set in for your product info page.

If you have small, medium and large images, you product info page will as per zen carts logic will show your medium image size and will then zoom to the size of your large image size.

I added an additional file to this file set:
/includes/modules/YOUR_TEMPLATE/main_product_image.php

The reason for this is explained here:
http://www.zen-cart.com/showthread.p...duct_image-php
however this file should be optional. I just found that the logic wasn't working correctly when only small and medium images were present when the large link is built.

Nick,
I would be greatful if you could help finishing what I think is the only thing left to do on this, which is to make the additional image link a proper <script> document.wrtite ...

I think its going to be an escaping nightmare but as we spoke about before, good practice to ensure Java disabled browsers do not see the images twice.

Ta.

Phil

Phil anyway you could zip your latest set of files. I used the zip file from the above post on Zen 1.5.1, and I can't even get the cross hair to appear on the main image. When I click on the main image, it goes to a new browser tab showing that image. What am I doing wrong?
I compared my page source, and I don't have "jscript_jquery-1.6.js" loaded. Is that whats causing it?

[philip937]

Phil anyway you could zip your latest set of files. I used the zip file from the above post on Zen 1.5.1, and I can't even get the cross hair to appear on the main image. When I click on the main image, it goes to a new browser tab showing that image. What am I doing wrong?
I compared my page source, and I don't have "jscript_jquery-1.6.js" loaded. Is that whats causing it?

Yes you need to load the jquery library. Sorry mate this isn't yet an official mod (not this flavour anyway) so instructions are a but vague currently.

[chadderuski]

Hi!

Actually, the additional images image dimension are there, so when the image swaps on click, it should be possible to update the main image dimensions... correct?

I like the zoom I'm using better than innerzoom...

Also, I just noticed that when I disable javascript, the additional images double-up. The main image doesn't.
The larger image links DO work correctly for the additional images.

[philip937]

Hi!

Actually, the additional images image dimension are there, so when the image swaps on click, it should be possible to update the main image dimensions... correct?

I like the zoom I'm using better than innerzoom...

As far as I'm aware the zoom isn't 'actually' zooming, it's simply displaying the actual image size. Hence why you have to have the main image dimension settings less than that if the actual image size (unless using the zen cart small medium large structure).

You zoom window is bigger than your additional image sizes.. Make the window smaller.

[chadderuski]

Philip,

I think we're focusing on two different things. I know the additional images are less than the zoom size, but still larger than the thumbnails displayed. That's something I can improve upon later.

The main products image isn't the same dimensions as some of the additional images. I trying to figure out how to have the main product image display correctly.

Also, I noted above, when java is disabled, the additional images show twice.

-chadd

[philip937]

Oh I see, sorry. Again it looks like you main image size is different dimensions so you probably have your image settings to restrict height and width. If you want the correct proportions try setting either width or height to 0 in your admin?

[philip937]

@chadd

I think I mis understood your problem.

Are you saying that you are expecting that when you click on the additional images they are assuming the same dimensions as the main image and that you don't want this and that you want the dimensions to change to suit the additional being viewed?

[chadderuski]

@chadd

i think i mis understood your problem.

Are you saying that you are expecting that when you click on the additional images they are assuming the same dimensions as the main image and that you don't want this and that you want the dimensions to change to suit the additional being viewed?

yes, exactly! ;p

I'm trying to figure it out, but I'm really playing catchup here!

[philip937]

Hmm ill have to have a play. All my images are all the same dimensions to keep everything all uniform. I'm a bit anal like that! Ill have a play with some random size images and see if there is a way but its probably not possible because the swap is done with the gallery attribute set on the main image so it probably just overlays the image in the space (dimensions) of the main image.

[chadderuski]

Hmm ill have to have a play. All my images are all the same dimensions to keep everything all uniform. I'm a bit anal like that! Ill have a play with some random size images and see if there is a way but its probably not possible because the swap is done with the gallery attribute set on the main image so it probably just overlays the image in the space (dimensions) of the main image.

If you point me to the right area of code, I'll look also...