Jquery Lightbox [Support thread]

countrycharm:

Yellow I have the text looking the way I want it, but still when I leave jqzoom on the text goes up around the right top and bottom. This stumps me. It does not happen when it is off and I just use the jqlightbox. Now if I switch jqlightbox off and just use the jqzoom I still get the same thing with the text. Don't know. For right now I will just use the jqlightbox until we or I can find out why. Thanks again.
If you can leave it on for a few minutes and send me the link to check, i may be able to help

Yellow just click on my site in my Signature and go to the product page. When you first get there you will notice it is right, then it goes crazy.

reason: you are floating the main image
There are many ways around it. Either you stop floating the image, or you put a "clear" before the text link like this

yellow1912:

reason: you are floating the main image
There are many ways around it. Either you stop floating the image, or you put a "clear" before the text link like this

<div class="clearBoth"></div>

You are talking about the tpl_product_info_display page? If so nothing seems to work for me.

countrycharm:

You are talking about the tpl_product_info_display page? If so nothing seems to work for me.
No Im talking about your main product image template file.

yellow1912:

No Im talking about your main product image template file.

Thanks Yellow for your help. After putting the code > <div class="clearBoth"></div> into the right file...lol it brought the link down right under the edge of the picture. Still was not right. What I had to do is add a <br> and that lowered it down just about right. Thank you again.

I get what you mean by the double main image now, so let me explain why it happens first: The script look for any image wrapped by a link which has a class "jqlightbox" So if you separate the "larger image" text and the main image, you will have 2 jqlightbox links instead of 1. What you can do in this case is: remove the link wrapping around the main image, leaving only the link around the text

OK here is what I did which seemed to work:

<?php 
  echo '<a href="<?= $products_image_large';?>"<div class="imgLink"><a href="<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?php echo TEXT_CLICK_TO_ENLARGE;?></a></div>

but the write review/tell a friend buttons are still offset. see what you think. http://tinyurl.com/b48rh7thanks!

Well, in your css you have

#productReviewLink {
padding:5px 0;
}

BTW, arent we going off topic here?

yeah... since we were talking a lot of css i threw it in there. back on topic. what did you discover concerning compatibility with the ih2 watermarks?

thanks.

spoke too soon...

this does not work

I think you have to re-read my suggestion above. Because it doesnt seem like you have changed anything.

i read it. and i hear what you're sayin', i just don't know the correct code to do it. :lamo:

yellow1912:

It is rather easy to do so, you can edit includes/templates/your_template/tpl_modules_main_product_image.php

Around line 15 you will find

document.write('<a href="<?= $products_image_large;?>" id="jqzoomMain"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?= zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?></a>');

> 
> Replace by
> 
> ```php
document.write('<a href="<?php echo $products_image_large;?>" id="jqzoomMain"<?php if (JQLIGHTBOX_STATUS == 'true') echo ' class="jqlightbox"';?>><?php echo zen_image($products_image_medium, addslashes($products_name), MEDIUM_IMAGE_WIDTH, MEDIUM_IMAGE_HEIGHT);?><br /><span class="imgLink"><?php echo TEXT_CLICK_TO_ENLARGE;?></span></a>');

As for the request to prevent downloading image, it is technically impossible. So your best option is to watermark your images.

Hi Yellow, i change the code as you wrote, but still have duplicate images.
What I need to change also?

Please tell me I use Jquery Lightbox with simple menu, and when I try to see image, the menu over picture http://www.usim.co.il/en/nokia-c-9/nokia-n95-p-853 . How to resolve it? maybe need to add z-index?
Thanks

xordox:

Hi Yellow, i change the code as you wrote, but still have duplicate images.
What I need to change also?

Please tell me I use Jquery Lightbox with simple menu, and when I try to see image, the menu over picture http://www.usim.co.il/en/nokia-c-9/nokia-n95-p-853 . How to resolve it? maybe need to add z-index?
Thanks
You should read some posts below that, there is a posted solution for the duplicated image problem when adding text.

Also, there is a new version of jqlightbox and jqzoom which address the issue of watermark not working for IH2 available for download.

yellow1912:

Link download in my sig, will be posted to download section soon.

Where is the link to download jquery lightbox? I don't see it in your sig and I also checked the contributions but, did not find it.

Thanks.

http://public.rubikintegration.com/

Thanks for updating your sig :cool:

Nice job on this mod.

yellow1912:

You should read some posts below that, there is a posted solution for the duplicated image problem when adding text.

Also, there is a new version of jqlightbox and jqzoom which address the issue of watermark not working for IH2 available for download.

Ok, please tell me if I did it write,
I uploaded tpl_product_reviews_default.php to my custom template and deleted in this file around 36:

<div id="productReviewsDefaultProductImage" class="centeredContent back"><?php require($template->get_template_dir('/tpl_modules_main_product_image.php',DIR_WS_TEMPLATE, $current_page_base,'templates'). '/tpl_modules_main_product_image.php'); ?></div>

Now its no duplicate images.
Thanks

Hello there,

Just wondering if this mod and jqzoom is able to replicate the same thing as in this webpage...http://tokyotoys.com/index.php?main_page=product_info&products_id=4737

When you click on "larger image", the pic is different from what is on the product page (seems like a zoom in of the larger image). This is something I wish to achieve to allow my site to have similar image size for product page.

All the best...

Actually, you want to use different images for each image size, then you either have to use ImageHandler 2 or follow zencart faq to upload different images for each size.