Jquery Zoom [Support thread]

[philip937]

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 :-)

[philip937]

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

[philip937]

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:

<a href="<?php echo DIR_WS_IMAGES . '/medium/' . $large_image_product;?> " class="bonzer_zoom" title="<?php echo $products_name;?> " rel="product_info">

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?

[philip937]

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!

[philip937]

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?

[philip937]

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??

[philip937]

Found a few suggestions here http://stackoverflow.com/questions/5...-js-is-enabled

[philip937]

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

<script language="javascript" type="text/javascript"><!--
document.write('<?php echo '<a href="' . DIR_WS_IMAGES .$products_image . '" class="bonzer_zoom" rel="product_info">' . zen_image(addslashes($products_image_medium), addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT) . '</a>'; ?>');
//--></script>

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?

[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 I foud a chinese zipfile but the folder structure was also in chinese

[philip937]

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 I foud a chinese zipfile but the folder structure was also in chinese

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..