Jquery Zoom [Support thread]

where can i download the latest version of Jquery Zoom. who can help me, thanks!

You can download it here.

http://eazyecommerce.com/platforms/zen-cart/modules/jquery-zoom

Nice plugins. Work real nice as standalones. I found the references on the forum here about Image Handler 2 and CJ_Loader being req'd prior to install. I'm working with a plain vanilla install of ZC and they still don't work together. Sorry to say, contrary to what you may think, it's not all my fault they don't work together. I don't have another week to waste on incomplete and misleading documentation.

@websmythe, doesn't have the Blingtheme have an easyslider in it?
so that has got an jscript to.
Probably that is why it is not working.
i have the same problem, with a templte from Picazul, also an easyslider in it.

nothing to do with this great module !

Hi:

I've posted this on the Rubik website as well, but maybe someone here can answer my question.

I was attracted to this mods because the product images on my client's listing page would have benefited greatly from the zoom feature. is it possible to enable the Zoom effect on product listing page? i did try adding to the admin/configuration/jqZoom but it did nothing to help. I now realize it probably requires new inlcudes/modules/CUSTOM/product_listing.php and likewise in includes/Templates/CUSTOM/templates/..

also, with just product_info, the main image shifts left, but it works GREAT! I tried adjusting in stylesheet.css, but not joy. If that is fixable, i'd really like having the image centered.

the site is a copy of the original and is running ZC1.3.8a highly customized. The server is PHP v5.2.14

I just downloaded and installed files and applied sql patch for
Css Javascript Loader
jqueryZoom v1.5

The site also has the following mods:
FAQ Manager v1.2 IT EN
Admin Profiles 1.0.7
Column Layout Grid 1.3.8
Shopping totals in header v1.0
How did You hear 1.3.8.a
Ultimate SEO 2.106

we also created a new section with a db component that showcases projects which uses JQuery.

the dev site is http://femtechmedia.com/coironTest/

Can jqZoom be activated on product listing pages? if so, can someone assist with this? i'm no programmer, but i can follow instructions.

Any help is much appreciated.

I installed jquery zoom on my site, everything went in perfect, installed sql, and enabled in admin, however, I get no zoom effect whats so ever.. can anyone help?

this mod doesn't work on wamp server ?
no zoom at all after i've installed it, when i click on the main product image or additional images, i open the images dirrectly
any help?

i have jqzoom 1.5 installed on zen 1.39h, there is a problem if you install both jqzoom and image handler.

the image zoom and the main product swap work fine,
but the additional images swap doesn't work correctly

when mouseover an additional image, it swaps to the additional image, the size displayed as medium image size, but the image quality size is still small image size (cause the source of image is small image), so the additional images are blurred

is there anyone install both jqzoom and image handler? what do you make the additional images swap to the medium images instead of small images source like now?

quick1:

i have jqzoom 1.5 installed on zen 1.39h, there is a problem if you install both jqzoom and image handler.

the image zoom and the main product swap work fine,
but the additional images swap doesn't work correctly

when mouseover an additional image, it swaps to the additional image, the size displayed as medium image size, but the image quality size is still small image size (cause the source of image is small image), so the additional images are blurred

is there anyone install both jqzoom and image handler? what do you make the additional images swap to the medium images instead of small images source like now?

the image size set as below:

Small Image Width 150, Imall Image Height 150
Product Info - Image Width 500, Product Info - Image Height 500
My large image width 900, My large image height 900

when i swap the additional image, i can see the html source like this:
<a id="jqzoomMain" href="bmz_cache/2/286f534a1034e015071c87d93768d21e.image.900x900.jpg" height: 500px; width: 500px; ... ">
<img width="500" height="500" src="bmz_cache/d/d36d5328228c0eebba2964b058109c40.image.150x150.jpg" title="">
</a>

the src should have been medium image source, the src image size should have been 500 x 500
but now, the src is small image source, the src image size is 150 x 150, so they are blurred

quick1:

i have jqzoom 1.5 installed on zen 1.39h, there is a problem if you install both jqzoom and image handler.

the image zoom and the main product swap work fine,
but the additional images swap doesn't work correctly

when mouseover an additional image, it swaps to the additional image, the size displayed as medium image size, but the image quality size is still small image size (cause the source of image is small image), so the additional images are blurred

is there anyone install both jqzoom and image handler? what do you make the additional images swap to the medium images instead of small images source like now?

i have 3 images (main product image and 2 additional images, view the attachment)

when swap the small image thumbnail, you can see that the image in the main position is very blurred (view the attachment), because the image in the main position and the small image thumbnail are the images from the same src, just the same image resized. they are not nice

is there any way to fix this problem? any help would be great

I have installed jqzoom on 1.3.9f but its not working. however i have tested previously with 1.3.8a and it worked fine before.

Any help

After upgrading to 1.3.9h I want to remove the JQZoom from the database. Can somebody help with uninstall sql? I removed all the files already when I upgraded.

Uninstall of JQLightbox went well with:

SET @t4=0;
SELECT (@t4:=configuration_group_id) as t4
FROM configuration_group
WHERE configuration_group_title= 'JQLightbox';
DELETE FROM configuration WHERE configuration_group_id = @t4;
DELETE FROM configuration_group WHERE configuration_group_id = @t4; 

Now I only need the sql to remove JQZoom.

kernheimer:

@websmythe, doesn't have the Blingtheme have an easyslider in it?
so that has got an jscript to.
Probably that is why it is not working.
i have the same problem, with a templte from Picazul, also an easyslider in it.

nothing to do with this great module !

Hi

I am hoping someone can help me, I have this same problem both Lightbox and zoom work fine on their own but if I turn them both on together only the lightbox works.

I have uninstalled and re-installed several times, in the correct order and just found this about a Picazul template with easyslider. I have this too but at the start I removed the slider and can't find any trace of it. In fact I have now tried deleting every js file apart from those associated with the lightbox and zoom and it still doesn't work.

I have read every post on here and this is the closest I have come but it has still lead to a deadend.

Any help would be greatly appreciated as I now do not know what to do.

Have a look at this: http://www.woodburningstovesandflues.co.uk/cast-iron-stoves-c-65/wood-burning-stove-6kw-cast-iron-slowburn-z1-p-224

BothLightbox and Zoom are enabled.

I really hope somone can give me some help as this is exactly what I want but just can't get it working.

Many thanks

Richard.:frusty:

any plan on updating this module for 1.5 ? i can really use this module for my project about now :unsure:

Waij:

:clap:
I got it working:
Just change your jqzoom.php file to this:

<script language="javascript" type="text/javascript"><!-- jQuery(document).ready(function($){ var options = { zoomType: "standard", zoomWidth: 200, zoomHeight: 200, xOffset: 10, yOffset: 0, position: "right", lens: true, imageOpacity: 0.2, title: false, showEffect: "show", hideEffect: "hide", fadeinSpeed: "fast", fadeoutSpeed: "slow", showPreload: true, preloadText: "Loading zoom", preloadPosition: "center" }; $("#jqzoomMain").jqzoom(options); $(".jqzoom, .jqzoomAdditional").click(function(){return false;}); $(".jqzoomAdditional").hover(function(){ var $jqzoomMain = $("#jqzoomMain"); var $jqzoomMainImg = $("#jqzoomMain").children('img:first'); var $thisImag = $(this).children('img:first'); var jqzoomMainHref = $jqzoomMain.attr('href'); var jqzoomMainImgSrc = $jqzoomMainImg.attr('src'); $jqzoomMain.attr('href', $(this).attr('href')); $jqzoomMainImg.attr('src', $thisImag.attr('src')); $(this).attr('href', jqzoomMainHref); $thisImag.attr('src', jqzoomMainImgSrc); return false; }, function(){}) }) //--></script>

problem with jqzoom.php is that , it uses php short tag . and if is not working on any install , it might be due to php short tag turned off by your webserver. no matter if is on or off , you should modify your code to use <?php ?> tag.

var options = {
zoomType: "<?php echo JQZOOM_ZOOMTYPE; ?>",
zoomWidth: <?php echo JQZOOM_ZOOMWIDTH; ?>,
zoomHeight: <?php echo JQZOOM_ZOOMHEIGHT; ?>,
xOffset: <?php echo JQZOOM_XOFFSET; ?>,
yOffset: <?php echo JQZOOM_YOFFSET; ?>,
position: "<?php echo JQZOOM_POSITION; ?>",
lens: <?php echo JQZOOM_LENS; ?>,
imageOpacity: <?php echo JQZOOM_IMAGEOPACITY; ?>,
title: <?php echo JQZOOM_TITLE; ?>,
showEffect: "<?php echo JQZOOM_SHOWEFFECT; ?>",
hideEffect: "<?php echo JQZOOM_HIDEEFFECT; ?>",
fadeinSpeed: "<?php echo JQZOOM_FADEINSPEED; ?>",
fadeoutSpeed: "<?php echo JQZOOM_FADEOUTSPEED; ?>",
showPreload: <?php echo JQZOOM_SHOWPRELOAD; ?>,
preloadText: "<?php echo JQZOOM_PRELOADTEXT; ?>",
preloadPosition: "<?php echo JQZOOM_PRELOADPOSITION; ?>"
};

this format will work , and will allow you to use your admin to modify your jqzoom :) .

Can anyone confirm this thing works. I installed this and it doesn't work. And I have yet to find a working example. I have Image Handler and Lightbox installed also. It actually broke Lightbox

bigstore:

Can anyone confirm this thing works. I installed this and it doesn't work. And I have yet to find a working example. I have Image Handler and Lightbox installed also. It actually broke Lightbox

I designed a site using jqzoom , no image handler or light box .. and is working , zc version 139h. some modification needed to jqzoom file as i mentioned in previous post

tony_sar:

I designed a site using jqzoom , no image handler or light box .. and is working , zc version 139h. some modification needed to jqzoom file as i mentioned in previous post

Hi there

I have installed on zen cart 139h, no additional image plug in, will all business template.

It has overridden the zen cart image basic function like view large image, all the default related image and click for large image button has gone. The worse thing is, the zoom image doesn't appear.

I realized the jqzoom version 1.7 no longer come with short tag as mentioned. But it still doesn't work. I have checked the installation many times and no clue what has it gone wrong. able

This is what i have in the jqzoom.php:

var options = {
zoomType: "<?= JQZOOM_ZOOMTYPE; ?>",
zoomWidth: <?= JQZOOM_ZOOMWIDTH; ?>,
zoomHeight: <?= JQZOOM_ZOOMHEIGHT; ?>,
xOffset: <?= JQZOOM_XOFFSET; ?>,
yOffset: <?= JQZOOM_YOFFSET; ?>,
position: "<?= JQZOOM_POSITION; ?>",
lens: <?= JQZOOM_LENS; ?>,
imageOpacity: <?= JQZOOM_IMAGEOPACITY; ?>,
title: <?= JQZOOM_TITLE; ?>,
showEffect: "<?= JQZOOM_SHOWEFFECT; ?>",
hideEffect: "<?= JQZOOM_HIDEEFFECT; ?>",
fadeinSpeed: "<?= JQZOOM_FADEINSPEED; ?>",
fadeoutSpeed: "<?= JQZOOM_FADEOUTSPEED; ?>",
showPreload: <?= JQZOOM_SHOWPRELOAD; ?>,
preloadText: "<?= JQZOOM_PRELOADTEXT; ?>",
preloadPosition: "<?= JQZOOM_PRELOADPOSITION; ?>"
};

CJ loader installed as well.

I got my copy of Jqzoom here:
http://eazyecommerce.com/platforms/zen-cart/modules/jquery-zoom

I hope somebody can help me.

Thanks

If some javascript guru would help me out, I would really appreciate it. Take a look HERE. See the Main Image? It Zooms nicely with the JQZoom. It ALSO shows AND swaps the images via DrByte's "Swap Images via MouseOver or Click".

Now, the problem(s) is:

Once the Additional Image is 'swapped' with the Main Image, if you hover over the Main Image (which now shows one of the Additional Images), the Zoom feature shows the wrong image..........see?.............it's the ORIGINAL Main Image that displays in the Zoom window.

Maybe somebody could look at the site and give me any pointers?

Another thing is, is that while most of this is working correctly, this site also has IH4 installed on it. When in Admin>Images, you select to zoom small images, it TOTALLY KILLS all display of the Additional Images.

ANY ideas will be tried, reported back on, and once completed, I'll zip everything up as a new Zoom/Swap module.

Thanks,
Robert

Hmmm..........anybody???