This will be the place where jquery zoom is supported
Demo:
http://demo.rubikintegration.com/jqz...products_id=47
A package will be uploaded to download section soon after I finish the documentation and fixing the js document ready bug
Printable View
This will be the place where jquery zoom is supported
Demo:
http://demo.rubikintegration.com/jqz...products_id=47
A package will be uploaded to download section soon after I finish the documentation and fixing the js document ready bug
Nice implementation for an on-hover exchange using jquery....
Anxiously waiting for the the contribution!!!
JQzoom beta 1 is now available here:
http://public.rubikintegration.com/
I will wait for a few days to see if anyone encounters any problem with it, then I will post it on the download section.
Please note that this module was not designed to work with any lightbox module here.
A jquery lightbox module that is compatible with JQZoom will be published later. (we are going to use only JQuery now, since Zencart has made it the official jscript library)
I will soon release a new version of jqzoom which works perfectly with sites that have image handler installed.
As a bonus, jqlight box package is ready and will be published as well
Regards
Link to jquery lightbox:
http://www.zen-cart.com/forum/showthread.php?p=669965
Note: Jquery Zoom has Additional Image Swap on mouseover as well!
Enjoy Jquery!
Would like to see it in action but your link is not loading.
It is loading hereQuote:
Originally Posted by mydanilo
Just tried again.. now it is loading. Took forever. Are soooo many people checking it out at the same time?:smile:
Probably just my server sucks, I've been trying to check with the host to see what's going on.Quote:
Originally Posted by mydanilo
Beautiful! :clap:
Will try it out very soon, can't wait.
Hey how about imagehandler. I have it installed, will this be a problem or does it work hand in hand?
As stated, it will work well. You will not see image handler effect on the product main image and additional image though (no pop-up zoom on hover)Quote:
Originally Posted by mydanilo
You can also install jquery lightbox as well (did you try to click on the image on the demo?)
Okie guys, I played with it a bit, and now it gets even better :d
Unlike the previous version or any other lightbox./... modules you can now enable this jquery zoom and jquery lightbox on ANY product type page by adding new page to the admin setting, No need to edit any css file or any other file at all.
Enjoy!
Hello there,
This looks like a brilliant mod. I wondered if it would work in conjunction with Highslide for Zen Cart by Numinix?
Thanks in advance,
Heathenmagic
Yes I did click on them, Jquery Lightbox effect is nice plus if one still feels like it after the very nice zoom feature. I noticed the additional pictures below swap with the default (first picture) once you hover over it. Also something I was looking for. I take it this is a feature from ether Jquery Lightbox or Jquery Zoom?Quote:
Originally Posted by yellow1912
Followed the instructions. Admin settings done. SQL done. But no effect on the product pages. What went wrong?
mydanilo dot com
Maybe a bit more info. Imagehandler is still active and when I click on the picture on product info page I still get the pop up image as before. Do I need to remove or disable anything?
First, you need to enable it in adminQuote:
Originally Posted by mydanilo
Second, note that you have to copy the new modules/your_template/addtional_image.php and main_product_image.php to the correct folder to make sure the over-ride take effect. We need to over-ride IH2 behavior
Post your url here would help me to see the js error if any
All done. Put in override matching my template. Activated in admin.
http://www.mydanilo.com/star-lamps/m...glass-11-p-119
The folder
jqzoom\includes\templates\mytemplate\templates
is empty in the zip. Is this correct?
Excellent deduction, my dear WatsonQuote:
Originally Posted by mydanilo
Please redownload the package
e voila, there you go... now it is working. :wink:
Now I installed the lightbox as well. Additional pictures do not work right. Zoom feature works correctly and when I hover over the additional picture it swaps correctly too but the original picture does not show anywhere.
Look here:
http://www.mydanilo.com/wax-pottery-...y-bowl-7-p-167
BTW lightbox\includes\templates\mytemplate\images
is empty...
Looked some more and the link for the additional pictures where the original one should be, points to:
http://www.mydanilo.com/images/.jpg
but should probably point to:
/images/hydrandgea-regular-vessel.jpg
and the additional one shows correctly:
/images/hydrandgea-regular-vessel_01.jpg
As always, solid work, Yellow1912!
I have a feature request. I altered the zen lightbox mod to incorporate a slideshow if there is more than 1 image. Can you do something like that? Well, I know it can be done with jQuery, so are you interested in adding that feature?:D
Not getting any further here... just did a brand new zencart install into a test directory, installed imagehandler and installed the Jquery mods. Still the same result as stated in my previous post.
I guess I just have to wait it out for yellow...
Yellow.. got used to your speedy answers and solutions. Never mind all my posts here. Not that urgent but would like to get this done right. Love the mod!
$images_array[] = substr_replace($products_image_match,'',-1).$products_image_extension;Quote:
Originally Posted by mydanilo
This is the line in the additional image file that adds the main product image to the list of additional images. It works well for me, but maybe we have to look at it to see why it doesnt work for you.
Possible because of ih2, tho it does work for me on a site with ih2 installed.
I saw that file and was wondering if this was the problem. Don't understand enough about it to change it. Looking for your suggestion.
My fresh install did not show any other result.
http://artwax.com/test/
Check it out. No mods other than imagehandler and the two Jquery. Barebones template.
Additional picture was uploaded with imagehandler feature.
If you need access to it, let me know.
Please send me access info to it, we will see how to fix it
Also, to everyone: note that this module and jquery lightbox module should be installed AFTER you install Image Handler 2 (in case you want to use that module)
@mydanilo:
1. you can try the new 'swap' effect and see if you like it on your test site
2. you have a horrible ftp client, many of the file are cut off.
Yea, I think this should work. Thanks. Will you publish an updated file?
Can you tell me how you see that my client is horrible? Would that be my local filezilla client or my connection or my hosting account side?
Either one, but I saw at least 4 files of the packages ended unexpectedly, the ending parts were totally cut off. It's amazing how you didnt get a fatal error.Quote:
Originally Posted by mydanilo
I will publish new release today, you can find it several hours later on my host, the name will be jqzoom beta 1.1
I've had problems with files not uploaded right. Would you share with me how you actually SEE that they are cut off short of editing them and look at the code? How did you notice it right away? Sorry a bit off topic...
I was actually checking the content of several files to fix the problem for you, and since I wrote those files I know immediately the content is not right.Quote:
Originally Posted by mydanilo
I guess it will be a good practice for zencart developers (including me) to put a simple line like this at the end of every file
// eof eof eof
This way if you can not find this line, you know something is wrong.
Right! Would be good.
The automatic swap is good as I said. But how about not making the swap automatically? Maybe a switch in Admin to select if the swap should be on hover or click?
Then you will also have to tell your customers which behavior is expected.Quote:
Originally Posted by mydanilo
For now, if you want, just go to the includes/templates/your_template/jscript/jqzoom.php and change 'hover' to 'click'
True, have to think about it. Guess it is personal taste...
Great that it can be changed in the file for now. No big deal. Thanks again for your help. Will download the new 1.1 and give feedback...
Beta 1 works great, thank you.
yellow1912,
Just got around to checking this out and I must say that this is a very nice & tight code addition!!! Nice effects also
Great module!
I noticed that IE6 does not like Jquery. I get a message box asking over and over again:
Do you want to continue loading contend on this page?
Press ok
then asks again after a few seconds.
Is this known not to work properly with older browsers like IE6? I guess this might be a bit of a problem as still many customers use it unfortunately. Don't understand why one would still use IE6 but it just IS!
No, not really, I will assume this is the ie6 version with multi ie software. It acts like that on any site.Quote:
Originally Posted by mydanilo
Correct, multi ie version installed on my pc. Are you saying it should work fine, just as it does in ie7? Would be greatly relieved.
Yes. You can try it on a pc with "real" ie6 version to confirmQuote:
Originally Posted by mydanilo
Hi Yellow,
thanks for great module. Maybe you know, but I used commercial module that do same, but your module have more settings.
everething work cool, only one problem.
When we have additional images, they not resized by IH2 and EZ-Thumbnails_v1.01, the images only scalling to size.
you can see it in your page:
http://demo.rubikintegration.com/jqz...products_id=47
I think problem in additional_images.php, I tried resolve it, but no luck.
Please, can you help with it?
Thanks
It is using zen_image_OLD I believe, and you can try to use zen_image, but you will have to get the latest version of IH2 posted on the download section by me for that to work correctly.
Thank you, now work :)Quote:
Originally Posted by yellow1912
yellow1912,
I noticed you said we should install image handler 2 first. I really like your mod, but am a bit scared of all the issues people seem to have with Image Handler. So I am debating if I should use it or not. But I do want to use this one and the jquery light. Do I need to have Image Handler installed? Or if i do install it later will i cause a big problem. My php skills are null..so there in lies my fears
Don't be afraid of the Image Handler mod. It is an absolute must have for all my installs. I don't think it is problematic at all. It makes picture handling so much easier.
Alright, I guess I have to suck it up and get over it. That's the consensus I'm seeing is that it is a must. Thanks.
There's a problem with the jqzoom if you have a selectbox on your page. The selectbox seems to show thru the zoombox.
For example, if you position a currency drop down select field on your header area, when the zoombox appears, the selectbox shows thru.
http://torch.cs.dal.ca/~kung/test2/screenshot.jpg
Give the zoombox a very z-index should help youQuote:
Originally Posted by jimkung
The right way to make the lightbox and zoom mod work correctly with or without imagehandler2, is to check to see if the module is installed and then use appropriate code.
For those who already have it up and running well, dont bother. But for those who plan to install these modules, you can find new versions (check my signature)
THanks for a great addon. I have the zoom working just fine and have tried to add the lightbox but I can't seem to get it working. I started out with IH2, then jzoom, then lightbox. I can get lightbox working if I don't install zoom. Any suggestions on how to get them both working together? I have checked all the files and it looks lik everything is uploaded correctly.
Just like all other cases, we need to see your site with both modules turned on, and we find out what goes wrong.Quote:
Originally Posted by reddogg
thanks.. ill PM you my details.
http://www.myhollywoodcloset.com
I just got it working... I reuploaded everything from a fresh download and it worked!!! Greta plug in and thanks for the help.
Is there anyway to change the additional image swap to load the medium image and not the small image in the main product image area?
can anyone help me on this....JQZoom is not working and i don't understand why....:blink:
http://www.your-italian-weddings.co....ducts_all.html
Hi,
I am using Zencart 1.3.8 with jqZoom and jqLightbox.
It was working great until I added PAP (Product Attribut Pictures).
When I click on a thumbnail of a product attribute the main image changes.
Example, I click the thumbnail for the red Tshirt. The main image changes the picture to the red Tshirt.
Now when I do mouseover on the main image, the jqZoom starts acting weird. The zoomed image overlaps the main image and makes it shaky.
Checked it under Firebug and it seems to be pointing to the original default image.
The LightBox on clicking seems to work fine though.
The Zoom is NOT working.
Anyone made jqZoom work with PAP (Product Attribute Pictures) ?
Hi Yellow1912:
I'm currently using zen lightbox and a few other mods with zc1.3.8a. i had includes/templates/custom/templates/tpl_modlue_attributes.php modified so that attribute images would work with zen lightbox. here's a look.
questions:
- if I wanted to swap zen lightbox for jqLightbox, would I need to further modify the attribute file again? should i bother?
- do i need to install IH2 if I want to use jqLightbox or jqZoom?
- can jqZoom be used only on info pages if I decide to leave zen lightbox active as is? and is it compatible with zen lightbox?
this project is nearing completion and I would prefer not to experiment at this time, but I cannot seem to get zen lightbox to show the prev/next button on an info page with lots of photos. maybe it's a naming issue, i'm not sure.
Suggestion and recommendations are welcome and much apprecieated. :unsure:
thanks.
I just tried to install this but it was causing a few problems after enabling it in admin.
I have IH2 and Zen_Lightbox_1.5 installed at present.
When I overwrote the files used by Zen Lightbox and IH2 and loaded my product info page, I was just getting a yellow exclamation mark in the status bar indicating a JScript error.
Problems:
1. Clicking on additional images just opened the small thumbnails in a new tab instead of opening them in Zen Lightbox.2. Zoom mod did not work at all, not in the slightest.3. JScript error outlined above.
I'd like to persevere and get this one working as I think it's a great contribution and it looks fab on the sites I've seen it on.
Do I need to uninstall Zen Lightbox completely before installing this?
Do I need to install jquery lightbox to work along side this??
Any help greatly appreciated.
You need to "merge" all like files touched by modulesQuote:
Originally Posted by limelites
Actually, having just checked my downloaded mod files against Jquery Zoom files, I can see that the only files interfering with this installation are files from Zen Lightbox 1.5. I can only assume that I'd need to remove this mod and use Jquery Lightbox instead?
I thought it was interfering with IH2 mod because clicking my thumbnails was opening thumbnail sized images in a new tab as opposed to full sized images in a new tab. However, I've compared IH2 install files to JQZ files and they don't appear to clash at all?
Here are the only three files that prompted for an overwrite:
/www/includes/templates/CUSTOM/templates/tpl_modules_main_product_image.php
/www/includes/functions/extra_functions/zen_lightbox.php
/www/includes/modules/CUSTOM/additional_images.php
All three files are from Zen Lightbox 1.5..... So rather than merging files, would it be easier to just uninstall Zen Lightbox 1.5 and replace it with Jquery Lightbox and JQZ ?
Yes, if there was not a sql insertion for ZLBQuote:
All three files are from Zen Lightbox 1.5..... So rather than merging files, would it be easier to just uninstall Zen Lightbox 1.5 and replace it with Jquery Lightbox and JQZ ?
There was an SQL patch with ZLB but there's also an uninstall.
Almost... I'm 99.9% there... I seem to have a bit of a problem with the swap image quality....
It seems that when I hover over an additional image, then it swaps into the main image frame, the quality of the swapped image is that of the additional image and extremely pixelated...
What am I missing here guys?
Can you please explain what you mean by 'is using zen_image_OLD...... use zen_image' ??Quote:
Originally Posted by yellow1912
Limelites, did you uninstall and then start with a fresh IH2, then Jquery Lightbox and JQZ? Your site still looks like it uses the other lightbox mod.
If you follow the right order, you should be fine. If not, post and give us a link.
I have a small problem... I tried out this module, and it looks great, but just not right for my site. So I went into Admin-> Configuration-> JQZoom and changed "Enable JQZoom" to false.
The problem is my main picture in the product info page now does not generate a pop-up. It simply displays the image in the same window. How do I get my default pop-ups back?
Thanks for any help!
-Jon
nm, I fixed it. :smile:
I can't download this JQzoom now, why?:smile:Quote:
Originally Posted by yellow1912
http://eazy-templates.com/web-templa...es/jquery-zoomQuote:
Originally Posted by ruanchao
@yellow1912
thank you very much
I've installed this wonderful mod, but now my additional images aren't showing.
I installed first Image Handler, then JQLightbox and then JQZoom.
What can there be wrong or missing?
Problem solved, it was the double image_names which did't show up the additional images (ImageHandler bug).Quote:
Originally Posted by raimond
But another problem is there...in the modules/my_template/ additional_images.php there are two lines with SMALL_IMAGE_WIDTH that means the images will show the small images, but when I do a mouse over I'll get also the small images resized to the medium image, so that makes the image very flat (from 80px to 260px).
How can I use the small images and with mouse over use the Medium Images?
does this work with swap image plugin? THANKS!
and how easy it would be to remove the lightbox? Or would someone have a working version without lightbox? I really don't have use for them both.
You can disable lightbox. BTW, why do you ask for a version without lightbox? JQlightbox and JQZoom are 2 different modulesQuote:
Originally Posted by poosk
Maybe a solution for this?:(Quote:
Originally Posted by raimond
Okay bear with me.
1. I'll install IH2
2. I'd install the jqzoom plugin.
3. Then I'd just make all my product images big (1000x1000px) and upload them through admin? I don't use any of those MED, LARGE suffixes
Or did I get something wrong here? Many many thanks!
Frankly speaking, Im quite confused with the way IH2 works as well, but what you mentioned worked in many cases I know so I think you can safely try it.Quote:
Originally Posted by poosk
Im not really sure what happens in this case. Please note that these types of modules are extremely hard to debug without visual aid. You can help by posting a link here.Quote:
Originally Posted by raimond
I'll give it a try as soon as I can. Where I'd need IH2 is that I'd then only need one sized images (the big zoomed ones) and the IH2 would automatically create small and med sized images from those. This saves time from me so I don't need to create small and med images myself. What I'm currently confused is that where and how does this plugin found the zoomed (big) image? Is the _LRG suffix images?Quote:
Originally Posted by yellow1912
I don't have that many images so I can use just css to shrink the large images and forget IH2.. but since the images are getting quite big it would be really really helpful.. I'll see what I can do but could someone still clarify how does the images work with the plugin. Cheers!
same for me with IH2Quote:
Originally Posted by poosk
for example,
the main product image is 300x300, and all additional is 100x100( all pics are auto resized by IH2), when you mouse over an additional image, it simple swap and enlarge the 100x100 pic to the main image area, which is 300x300, that's the problem...now you have 100x100 pic to fix 300x300, poor quality...
Honestly, IH2 code makes little sense to me. I have a headache just looking at the code to see how it decides to convert the image. I wish there would be a simple switch just to tell it to convert all images :oops:
hi, i add #productMainImage{text-align:center;} to css, but it doesn't work?
and what do i show the text "enlage image" under the main product image? it desapears since i've installed this mod.
thanks
So excited for this mod! I installed it with no problems, however, something odd is going on with the additional images...
It's swapping them [which is AWESOME] but it's putting an image that is 67x94 and blowing it up to 270x359 [basically unviewable]. Then when you hover over the main image space, I get a huge white overlap and a tiny picture in the corner.
VIEW HERE
Hi, I really want to try this mod but I can't seem to find a link to download it. I would really appreciate it if somebody could tell me where to get it.
I went to this link: http://eazyecommerce.com/web-templat...es/jquery-zoom but the product its marked as "sold out".
Should be updated within a few mins.Quote:
Originally Posted by hatcher80
hello yellow, i get a problem when i run jquery zoom with image handler,
if i set small image size to only 50x50, medieum image 500x500,
for the main product image, its ok to view and to zoom,
but for the additional images, when the mouse swap on one of additional images, it displays 50x50 px, so its very very fuzzy. (the zoom is ok)
when swap the additinals, can i show them to medium images size just like main product image? :dontgetit
not fix it yet :dontgetit
any ideas? thanks
i had implemented jqzoom it is working fine on main product image but when i choose other color of that image the image is loaded through ajax and in that i am not getting how to implement jqzoom.
thanks in advance for help
Have zoom and light box working fine but the IH hover is still enabled on my product pages. How do I disable the IH hover on just the product pages with JQ Zoom and Lightbox enabled?
Still no fix to my probblem....I installed JQZoom on a fresh ZC install...and am still having wonky behavior. Notice the huge overlay.
TEST HERE
I'd like to just disable the image swap of additional images. It will not work with my site.
I was very excited to find this module, but it isn't working. I have uploaded the files 2 times now, ran the sqls and it is showing on admin, but when I go to my site, the product images are not "zooming" also now when I click on a product image the whole page changes to a white screen with the larger image. The rest of my site is gone. How can I fix this??
Did you enable JQZoom in your admin?
Admin-->Configuration-->JQZoom
Enable JQzoom set to TRUE
And I have the same problem with the weird white overly I just deleted the bit of code that pertains to swapping additional images and then zooming them.
yes, I have enabled, disabled, waited a while, enable again, still nothing.Quote:
Originally Posted by khopek
What code did you delete to take the white page away??
Do you have a url I can peek at?