Ok, I have it working now, but I would like to fix the white page.Quote:
Originally Posted by helpme
thanks so much!!!
Printable View
Ok, I have it working now, but I would like to fix the white page.Quote:
Originally Posted by helpme
thanks so much!!!
Is it a solid white page, or a weird white box overlaying the product page?
Let me compare my files and see what I did... remember though it disables image zoom on additional images. I didn't find it a huge problem as I can just have lightbox for the additional images...
well I guess now that I have it working it isn't a problem, it would simply turn the entire webpage white with just the image. Thanks for your help!!!Quote:
Originally Posted by khopek
Gotcha. Mine when it was working and you hovered over an additional image would create this huge white box overlaying the product page then have an image inside of it. :D
hello, i get a problem with additional image hover
i set small image size 30x30, medium image 200x200,
when mouse over additional iamge, the image in main product position replaced by additional image with size 200x200, but its image quality keeps 30x30.
here's a photo to explain the problem
and i compare the html source between my site and other correct site (both sites use image handler), i found the following difference:
MY SITE
OTHER CORRECT SITEQuote:
<a class="jqzoomAdditional jqlightbox" href="images/product_01.jpg">
<img width="30" height="30" title="product" alt="product"
src="http://www.site.com/bmz_cache/1/11ab1c11f8d9e112f54g2451abc0123a.image.30x30.jpg"/>
</a>
<noscript>
<a href="http://www.site.com/index.php?
main_page=popup_image_additional&pID=20&pic=0&products_image_large_a dditional=images/product_01.jpg" target="_blank">
<img src="http://www.site.com/bmz_cache/1/11ab1c11f8d9e112f54g2451abc0123a.image.30x30.jpg" alt="product" title=" product" width="30" height="30" /><br />
<span class="imgLinkAdditional">larger image</span>
</a>
</noscript>
what do i fix the problem? :unsure:Quote:
<a class="jqzoomAdditional jqlightbox" href="images/product_01.jpg">
<img width="30" height="30" title="product" alt="product"
src="http://www.site.com/bmz_cache/1/11ab1c11f8d9e112f54g2451abc0123a.image.200x200.jpg"/>
</a>
<noscript>
<a href="http://www.site.com/index.php?
main_page=popup_image_additional&pID=20&pic=0&products_image_large_a dditional=images/product_01.jpg" target="_blank">
<img src="images/product_01.jpg" alt="product" title=" product" width="30" height="30" /><br />
<span class="imgLinkAdditional">larger image</span>
</a>
</noscript>
really like this mod.
is it possible just to get the additonal image to swop back into the same place, mine seem to swop position depending on which thumb you mouseover, makes it a bit confusing.
Has anyone solved the problem of tiny additional images swapping into the main window and then being zoomed, resulting in them being blurry (like in the previous posts)? I too am having this problem and it's my only criticism of this brilliant module.
Someone please help!
I'm having same problem with image handler and this mod.
Sorry of this is obvious, I'm just trying to help find a fix and I'm hopeless at Javascript :frusty:
On the additional images the code reads...
<script language="javascript" type="text/javascript"><!--
document.write('<a href="bmz_cache/0/02d35d9eb7757e5375f7d42b9f963d53.image.366x550.jpg" class="jqzoomAdditional">
<img src="bmz_cache/d/dc1bd7d33000cc8a28934f3aa2fb7a6c.image.53x80.jpg" alt="Expedition Jacket" title=" Expedition Jacket " width="53" height="80" /><\/a>
It seems the jqzoom is using the src part of the image code to get the path of the main image, which is the smaller ih image (bmz_cache/d/dc1bd7d33000cc8a28934f3aa2fb7a6c.image.53x80.jpg)
Is there any way to get the code to look at another variable instead of the src, what I'm thinking is if you pass a variable to the jqzoom, maybe the correct image path inside an php variable and use that as the main image path, might that fix it?
The other option I've looked at is seperating the image swop part and the actual zoom, is there any reason they have to be connected like this?
try my way, not perfect, the but ok.Quote:
Originally Posted by belabela
show a 200x200 as thumbnail (resize to ,eg. 30x30), as 30x30 is pretty small, a little blur is just fine.
This is killing me... This is exactly what I am looking for, but the download link is broken. Is there any where else to get the files?
Ri,
Here is yellow1912 web site. You may need to contact him.. http:// rubikintegration. com/ products
Good Luck
This is a perfect mod! Thank you!
One question though:
How can I center my image?
If you take a look here you'll see that the image postitions to the left..
I would really like to have it centered :D
Any idea?
Try changing "margin" to "padding" in this entry in your stylesheet and adjust to suitQuote:
Originally Posted by Gomlers
Code:#productMainImage {
padding: 0em 0em 0em 2em;
width: auto;
text-align: center;
}
Thank you for your reply, but won't this just work if all of my images have the same size?
Some of the images I have are smaller than others, so if this works on small images, the large images will be positioned wrong?
sorry realized this was in the wrong thread....moved!
Yes, but yellow, when you download from your site, almost all of the mods come with additional mods included. jqZoom comes with references and files to Lightbox, cjLoader, as well as Ajax includes. I, for one, have to manually compare every single file as my site is heavily customized and I do not want to add anything I don't want/need, or that I already have installed.Quote:
Originally Posted by yellow1912
:smile:
Also...has anyone found a fix to the image swap not working correctly? Specifically getting it to swap with the additional images MED image? I DO NOT have IM2 installed either.
Please test on my dev site located at http:// eclecticaclothing . com / dev [remove spaces of course]
Hi Everyone,
I need help ASAP. I changed my theme and had it running onother store for testing. When I replaced my current theme when I mouseover the main image the screen moves down about 3 inches with a 3 inch white space at the top of my site.
I had jqlightbox and jqzoom installed previously and have since removed all of the files added by these 2 programs. It is still showing as an option in the Admin however but have them disabled. I believe it is related to one or both of these modules because at one time once I rolled over and the screen moved down and I rolled over the picture again, it showed up in the top left of the white space.
See this at http://stretchalicious.biz
Thanks in advance
An update...the rollover still shows the iname at the top of the screen..Click on Gift Cetificates and you can see . The others are too large to rollover and see at the same time.
http://stretchalicious.biz
BTW I am running 1.3.8a
Thanks
Jquery zoom is not work in my site.
I have used the default template (classic green) in a default new intsall zencart site. So i have changed the "YOUR_TEMPLATE" name to "classic" name. I have also installed the SQL patch.
But jquery zoom is not work.
Is there some wrong in my install ? If someone has successfully installed the JZ, Please tell me the correct steps in.:shocking::shocking:
Hi I have the jquery lightbox and jquery zoom working on my site and they are great.
I tried to add a new mod which also uses js - its for the scrolling featured - new products sideboxes -
For some reason the scrolling boxes are not working. I have made a post on the support thread and was replied that the minify script is not pulling the js coding for the scrolling sideboxes.
I have been advised to post on this forum to see if there is a fix
thanks
-----------------------------------------------
when i installed jquery zoom and lightbox they did not work - it was a file from the jquery lightbox which needed amending - i have copied and pasted the code below for the file in question. The file was given to me by a member of this forum that was able to get details from the developers
this is the file that needs replacing
includes/templates/your_template/auto_loaders /loader_lightbox.php
hope this helps - it worked for me and you can see both mods in action at http://www.zainabscollection.comHTML Code:<?php
/**
* jqzoom auto_loaders
*
* @author yellow1912 (RubikIntegration.com)
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
*/
if(JQLIGHTBOX_STATUS == 'true'){
$pages = explode(',',JQLIGHTBOX_PAGES);
$loaders[] = array('conditions' => array('pages' => $pages),
'jscript_files' => array(
'jquery/jquery-1.3.2.min.js' => 1,
'jquery/jquery.lightbox-0.5.min.js' => 11,
'jqlightbox.php' => 12
),
'css_files' => array('jqlightbox.css' => 1)
);
}
this is also the store where the scrolling sidebox does not work
any help will be appreciated
thanks
Can anyone help please
I have the same swapping additional images being blurry problem. I have IH2, jq zoom and jq lightbox installed on my lemy store. I want to remove the code from JQ zoom that is doing the swapping. What do i need to do to get rid of the swapping, but keep the zoom? Thanks in advance!
I'm having the same problem and this did not help. Any ideas?Quote:
Originally Posted by kobra
Ok, with JQzoom enabled, all of my images go to the left. With it disables, they are centered (which is what I want). What do I need to change to center my images with JQzoom?:frusty:
Thanks!
Agreed the swapping is making the whole thing look far less professional. Is there a way to remove image swap?Quote:
Originally Posted by andreitero
Also if you view a product, the zoom loads fine, navigate to another product, zoom loads fine, then go back to the first product and the zoom doesn't load and you just get a white zoom box, anyone know how to solve this?
The way to solve is to reload page, but not good solution.
Hi, I am racking my brains and have looked all over the forum. I want my popup to show the item description. Does anyone know how this will work?
:shocking:
Dito to the image swap. Would like to know how to turn it off.
I have installed jquery zoom as the only mod on a new instll of 1.3.9f and I m not getting any image zoom . Is this workign on 1.3.9f. What ight I have missed for t not to have worked?
Do I need to install jquery lightbox in order for the jqzoom to work.
Thanks
Bump... Has anyone got this mod to work in 139h?
I have Image Handler 2 and jqlightbox installed and both are working perfectly.
I then installed jqzoom which worked, but the zoomed images are the same size as the large image shown in jqlightbox.
That being the case, it only makes sense to me to install either jqlightbox or jqzoom, not both of them.
If jqzoom could zoom on the original image loaded rather than the image handler large image, I could see the point in both of them. In fact, it would be fantastic!
This is my setup:
I load a product image which is 1500 x 1000 pixels.
I set image handler to display large images as 750 x 500 pixels as I think anything larger than this is too big for most screens to display.
When I click on the image, it is displayed in the lightbox at 750 x 500 pixels which is perfect.
When I roll over the image, jqzoom only zooms the image in to 750 x 500 pixels so it doesn't show any more detail than the lightbox does.
What I would like to be able to do is have jqzoom zoom in on the original 1500 x 1000 pixel image, thus showing the customer much more detail than the lightbox.
Is this possible?
I first installed image handler and then installed jqzoom. I have installed this on zen cart 1.3.9h. I get the following error if my products page is loaded.
invalid XML markup
[Stop on this fault] zoomWidth: <?= JQZOOM_ZOOMWIDTH; ?>,
Can somebody assist me with this.:frusty:
How do you even load jquery in zen cart?
I'm having the exact same problem using IH2 and Jzoom 1.5.
var options = {
zoomType: "<?= JQZOOM_ZOOMTYPE; ?>",
zoomWidth: <?= JQZOOM_ZOOMWIDTH; ?>,
Uncaught syntaxerror: Unexpected token <
any clues?
I did a clean install without IH2 and still have the same problem.Quote:
Originally Posted by bostero_loco
What i did is change
<?=JQZOOM_ZOOMWIDTH;?>,
to "<?=JQZOOM_ZOOMWIDTH;?>",
This i did to all that did not have "
The next problem is that the $ is not valid.
I changed the following line on the top from
$(document).ready(function(){ to
jQuery(document).ready(function($){
This is a step ahead, i have preloading but still no image.
Will keep you posted.
:clap:Quote:
Originally Posted by Waij
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>
Waij,
Is this fix working with IH2
Yes i have it installed with IH2 and my images zoom perfect and with additional images they swap. I am by no means a expert or coder, i was desperate to get it working and it does.Quote:
Originally Posted by haredo
With the new version of Jqzoom it did not work even if i made a clean install without IH2. The only thing is that with the code above you have to make the changes like for instance zoomsize in the php file and not in admin. You can however disable it in admin.
Just want to mention that i have tested this in IE, Firefox, Chrome, Safari and Opera and it works well for me.
Hi,
Is there a fix to get jqZoom and jqLightbox to work together? Like maybe just display the default ZC "larger image" links for lightbox to work with? I have both installed and they work great. Just not together. When I turn on both, Lightbox overrides Zoom and Zoom disappears.
I looked in tpl_modules_main_product_image.php and in tpl_product_info_display.php, and in the original install files, but didn't find anything. (...except code for Lightbox in the Zoom files ???) I tryed searching the forums here. I figure I'm not using the right search string cause I can't find anything.
I installed CJ Loader, then JQLightbox, then JQZoom 1.5.
where can i download the latest version of Jquery Zoom. who can help me, thanks!
You can download it here.
http://eazyecommerce.com/platforms/z...es/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?
the image size set as below:Quote:
Originally Posted by quick1
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
i have 3 images (main product image and 2 additional images, view the attachment)Quote:
Originally Posted by quick1
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:
Now I only need the sql to remove JQZoom.HTML Code: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;
HiQuote:
Originally Posted by kernheimer
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...wburn-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:
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.Quote:
Originally Posted by Waij
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
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 postQuote:
Originally Posted by bigstore
Hi thereQuote:
Originally Posted by tony_sar
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/z...es/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???
I do not want to get in too deep here because they are not mods I use. But ...
The more recent versions of jqzoom ( the actual module rather than the zen cart module ) handle image swapping just fine. I have used it on a few sites with no problems. Somewhere there is a thread where I posted the code that I used but I have neither the time or the inclination to turn it into a formal 'module'. It is probably easier to use that feature to swap images than to hack two modules together.
But if you want to go the route of hacking two together then you need to understand that the zoom action is bound to the hover event when the document loads. If you swap the images then you need to re-bind the event. If that is all greek then ....
The only issue with IH is that the images need to exist before the zoom is triggered. They can't be created 'on the fly' at that stage. The solution is to pre-load the images at the bottom of the page which is not a bad idea anyway.
You may have already solved the issue because it look fine for me when i browse it. Right zoom image was displayed in zoom once the additional image swap to become main image.Quote:
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.
Thanks,
Robert
Are you using zen cart 1.5? Might to share with us the working code? I just updated to 1.5 and installed IH4. Really look forward to put in the zoom effects.
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
Thanks to all who replied. But the site owner decided to go with commercial software.
So, the original issue is still unresolved, but no longer needed for this particular site.
But, I know this is something that a LOT of people like/want on their sites, so maybe with the help of Nicks attachment, we can come up with a new addon.
@niccol: Thanks for that. I'll look into it. Maybe someday I will have time to mess with it and make that new module. :)
Thanks,
Robert
Quote:
Originally Posted by niccol
Hi Niccol, thanks for sharing. I have tried on it, unfortunately it crashed with the java script that work for the main page image slider. Anyway to merge or get these script to work together? The Jscript for the slide is as attached.
Please forget about the above post. I have sort it out. I have uploard your 2 j script to includes/js folder instead of includes/templates/Mytemplate(Which is AllBusiness I am using)/jscript/
Then i load your 2 java scripts via a php file in includes/templates/Mytemplate(Which is AllBusiness I am using)/jscript/, that come with the main page slide, i.e. jscript_scroller.php.
No more crash in jscript and i can see all jscript should be loaded via my html source:
PHP Code:<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/style_imagehover.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/style_jscroller.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_betterCategoriesEzInfo.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_dotline.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_footer_menu.css" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/all_business/css/print_stylesheet.css" />
<script type="text/javascript" src="includes/templates/all_business/jscript/jscript_imagehover.js"></script>
<script type="text/javascript" src="includes/templates/all_business/jscript/jscript_jquery.js"></script>
<script type="text/javascript" src="includes/modules/pages/product_info/jscript_textarea_counter.js"></script>
<script type="text/javascript" src="includes/js/jscroller2-1.5.js"></script>
<script type="text/javascript" src="includes/js/jscript_jqzoom_init.js"></script>
<script type="text/javascript" src="includes/js/jscript_jquery.jqzoom-core.js"></script>
<script language="javascript" type="text/javascript">
The only problem is, the image zoom and swap doesn't work on my product info page.
I have replaced the additional images.php in "includes/modules/"
and uploaded the " tpl_modules_main_product_image.php" to "includes/templates/all_business/templates/"
Cracking my head to sort this out.
ok. probably the best place to put the js scripts that I sent is includes/modules/pages/product_info . That way they will only load on the product info page.
the module you can set as an override at includes/modules/your_template/additional_images.php
the template can go at includes/templates/your_template/templates/tpl_modules_main_product_image.php
then beyond that I'd need to see a URL to tell you why it is not playing.
Hi Niccol,Quote:
Originally Posted by niccol
OK, i have done the above, and JS script now is only applicable to includes/modules/pages/product info, as i realized inside this folder there is a jscript_main.php. hence i put the following script in this php file
"<script type="text/javascript" src="includes/js/jscript_jqzoom_init.js"></script>
<script type="text/javascript" src="includes/js/jscript_jquery.jqzoom-core.js"></script>
"
PHP Code:<?php
//
// +----------------------------------------------------------------------+
// |zen-cart Open Source E-commerce |
// +----------------------------------------------------------------------+
// | Copyright (c) 2003 The zen-cart developers |
// | |
// | http://www.zen-cart.com/index.php |
// | |
// | Portions Copyright (c) 2003 osCommerce |
// +----------------------------------------------------------------------+
// | This source file is subject to version 2.0 of the GPL license, |
// | that is bundled with this package in the file LICENSE, and is |
// | available through the world-wide-web at the following url: |
// | http://www.zen-cart.com/license/2_0.txt. |
// | If you did not receive a copy of the zen-cart license and are unable |
// | to obtain it through the world-wide-web, please send a note to |
// | license@zen-cart.com so we can mail you a copy immediately. |
// +----------------------------------------------------------------------+
// $Id: jscript_main.php 5444 2006-12-29 06:45:56Z drbyte $
//
?>
<script language="javascript" type="text/javascript"><!--
function popupWindow(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,copyhistory=no,width=100,height=100,screenX=150,screenY=150,top=150,left=150')
}
function popupWindowPrice(url) {
window.open(url,'popupWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,copyhistory=no,width=600,height=400,screenX=150,screenY=150,top=150,left=150')
}
//--></script>
<script type="text/javascript" src="includes/js/jscript_jqzoom_init.js"></script>
<script type="text/javascript" src="includes/js/jscript_jquery.jqzoom-core.js"></script>
You can see a sample of URL here:
http://mmo.net.my/storev2/index.php?...roducts_id=549
It doesn't seem working..:no:
I just realised i do not need to modify the jscript_main.php, i just need to copy the 2 java script files into the "includes/modules/pages/product info" folder
However, the impact is still the same, please look at the URL below to see why it did not load. Really thanks for the help:
http://mmo.net.my/storev2/index.php?...roducts_id=549
@day2
I'll have a look at this as soon as I can. Got to say that I am flat out busy at the moment so it will be a short while. I'll package it up into a proper module at the same time.
Nick
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.
Hi Niccol,Quote:
Originally Posted by niccol
I have made a test to remove all javascript in my webstore, only run your jscript_jquery.jqzoom-core.js & jscript_jqzoom_init.js.
PHP Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en">
<head>
<title>M-Audio Q40 Studiophile Closed-Back Headphones [Studiophile-Q40] : MMO Music Store, Great Price! Great Products!! Great Service!!!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="M-Audio Q40 Studiophile Closed-Back Headphones [Studiophile-Q40] Amplifier Guitar Effects Live Sound System Recording Keyboard & Piano Drum & Percussion Accessories DJ Tools Redemption Item Effect ecommerce, open source, shop, online shopping" />
<meta name="description" content="MMO Music Store M-Audio Q40 Studiophile Closed-Back Headphones [Studiophile-Q40] - Closed-back circum-aural design delivers excellent isolation from ambient noise.Whether you're tracking, mixing or listening, you can expect sonic accuracy from your Studiophile Q40 headphones-designed by M-Audio, leading provider of reference monitor technology. With professional-grade dynamic drivers and ear cups that completely surround the ears, the Q40 headphones deliver full-range specs " />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="author" content="The Zen Cart™ Team and others" />
<meta name="generator" content="shopping cart program by Zen Cart™, http://www.zen-cart.com eCommerce" />
<base href="http://mmo.net.my/storev2/" />
<link rel="canonical" href="http://mmo.net.my/storev2/index.php?main_page=product_info&products_id=385" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/style_imagehover.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/style_jscroller.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_betterCategoriesEzInfo.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_css_buttons.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_dotline.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_footer_menu.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/all_business/css/stylesheet_jquery.jqzoom.css" />
<link rel="stylesheet" type="text/css" media="print" href="includes/templates/all_business/css/print_stylesheet.css" />
<script type="text/javascript" src="includes/modules/pages/product_info/jscript_jquery.jqzoom-core.js"></script>
<script type="text/javascript" src="includes/modules/pages/product_info/jscript_jqzoom_init.js"></script>
<!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="includes/templates/all_business/css/ie6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="includes/templates/all_business/css/ie7.css" /><![endif]-->
</head>
<body id="productinfoBody">
<div id="mainWrapper">
<!--bof-header logo and navigation display-->
<div id="headerWrapper">
<!--bof-navigation display-->
<div id="navMainWrapper">
<div id="navMain">
<ul class="back">
<li><a href="http://mmo.net.my/storev2/">Home</a> | </li>
<li><a href="http://mmo.net.my/storev2/index.php?main_page=login">Log In/Free Registration </a> | </li>
<li><img src="includes/templates/all_business/images/cart.jpg" class="cart-image" alt="the shopping cart" /><a href="http://mmo.net.my/storev2/index.php?main_page=shopping_cart">Shopping Cart - 0 item(s) - RM0.00</a> | </li>
<li><a href="http://mmo.net.my/storev2/index.php?main_page=checkout_shipping"><span class="header-checkout">Checkout</span></a></li>
</ul>
</div>
<br class="clearBoth" />
</div>
<!--eof-navigation display-->
It is still not working.:wacko:
I have make search on the source file to ensure no additional jscript was loaded as well.
Thanks Niccol, a new version of jquery has get it work.
Thanks.
Hi,
I had Jqzoom and JQuery lightbox installed on my 1.3.8a version of zencart and everything was working fine. However, after I upgraded zencart to 1.5, I cannot find Jqzoom and lightbox from my admin configuration menu. And of course they are not working on the upgraded website either.
I tried to re-install both plugins, and checked that the configuration_group table does have Jqzoom and lightbox entries. But they are still not showing up in the admin config menu!
Can anyone give me some pointers on how to fix the problem?
I appreciate it!
@jcat
Modules need to be updates to work with 1.5. There is plenty of information about this on the forum. It sounds as if these have not been.
Simply to see the configuration entries you will need to 'register the page' this will consist of creating an entry in the admin pages table. As I say there is plenty of stuff on the forum about this.
Thanks for the reply Niccol!Quote:
Originally Posted by niccol
I downloaded the two modules from eazyecommerce.com couple years back. Looks like the modules have not been updated there. I also tried to search the forum thread and only saw some zip files/patch for certain solution. Do you know where I could find the complete updated zip for these two modules?
Any help is much appreciated!
I am afraid not. If they are not in the plugins section of this site ( there is a link at the top of the page ) then I really have no idea. I don't actually use either of those modules :-)
Good Day How Can I Get My product Details To look Like Yours?
I Have Image Handler Install But i would like the zoom in feature and extra pics like yours
please help me out. thank you. my website iam working take a look.
http://fashionistaclub.com/
:D
Attachment 11820
basically that page involves the jq_zoom files that I outlined above and a heavily modified version of tpl_product_info_display.php
ok thanks for your fast reply can you provide me with the tpl file. please send me a private msg to discuss this business. thanks again
I cant seem to find Jquery Zoom in the downloads section? anyone got a link to it?
doesnt work.Quote:
Originally Posted by niccol
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,Quote:
Originally Posted by 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.
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.Quote:
Originally Posted by niccol
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!
Quote:
Originally Posted by niccol
No worries Nick ill do some more testing in the mean time cheers :-)
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!Quote:
Originally Posted by niccol
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
and then changed below to this:PHP Code:$large_image_product = str_replace(".jpg", "_MED.jpg", $products_image);
<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?
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..Quote:
Originally Posted by niccol
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/5...-js-is-enabled
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?
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..Quote:
Originally Posted by SebasVerwoert