Zen Lightbox addon [Support Thread]

[DivaVocals]

Change the dimensions of your large images..

Restricting Image Display Size Width to Screen Size Width (or browser width)?

Is this possible?

The reason is, I am putting ultra high resolution images for my products since most devices are HiDpi/Retina now. So right now, images are opening according to their result ion and running off the screen. I am sure there is a way to modify the code to get browser width and display in to that size.

[sle39lvr]

I cannot do that, for the reasons I listed already. For example, 2000x2000 image, I want to display in a 1000x1000 window (or smaller if the browser window width is smaller). I guess I will find the code where it picks up image width and height and divide by 2.

[mc12345678]

I cannot do that, for the reasons I listed already. For example, 2000x2000 image, I want to display in a 1000x1000 window (or smaller if the browser window width is smaller). I guess I will find the code where it picks up image width and height and divide by 2.

Umm, kinda hate to say it, but if you use this plugin to accomplish what you are intending, you will have done what you have said you can not do.

The help provided identified the image type that must be modified to suit your needs. Basically before the image is directed to be shown, you will want to modify the max dimensions of the large image to be no larger than the screen display, which should force the image to be recalculated/remade in the cache directory. Be prepared though to have your storage file space increase/fluctuate as a result. If however, you want a 2000x2000 image to always show at 1000x1000 all you need to do is adjust your admin settings for IH4 and it will do the rest of the work for you.

[sle39lvr]

If however, you want a 2000x2000 image to always show at 1000x1000 all you need to do is adjust your admin settings for IH4 and it will do the rest of the work for you.

Could you elaborate on this please?

[DivaVocals]

I cannot do that, for the reasons I listed already. For example, 2000x2000 image, I want to display in a 1000x1000 window (or smaller if the browser window width is smaller). I guess I will find the code where it picks up image width and height and divide by 2.

Umm, kinda hate to say it, but if you use this plugin to accomplish what you are intending, you will have done what you have said you can not do.

The help provided identified the image type that must be modified to suit your needs. Basically before the image is directed to be shown, you will want to modify the max dimensions of the large image to be no larger than the screen display, which should force the image to be recalculated/remade in the cache directory. Be prepared though to have your storage file space increase/fluctuate as a result. If however, you want a 2000x2000 image to always show at 1000x1000 all you need to do is adjust your admin settings for IH4 and it will do the rest of the work for you.

Exactly.. why upload a 2000 x 2000 image if the desired display dimensions are 1000 x 1000.. Change the image settings for the large image to 1000h 1000w and then Zen Cart or IH4 (if installed) will take care of the rest..

However on smaller displays (like say a tablet or smartphone) a 1000 x 1000 image will over flow the edge of the display.. THIS requires that Zen Lightbox be responsive, and this kind of functionality is just not supported with the current version of Zen Lightbox or any other lightbox module available.

[sle39lvr]

Exactly.. why upload a 2000 x 2000 image if the desired display dimensions are 1000 x 1000..

HiDPI/Retina displays

[DivaVocals]

HiDPI/Retina displays

uh huh.. and my answer is still the same.. If you want the image to DISPLAY at 1000 x 1000, and you are using IH4 inaddition to Zen Lightbox, then you need to change the image settings to make that happen.. If you are using IH4 (which will re-size, cache and optimize the displayed image) you need to also make sure that you change the compression setting so that it doesn't compress your images (default compression setting is 85)..

If you are NOT using IH4 along with Zen Lightbox, then you will need to change the way Zen Carts default image management works.

Your other option is to adjust your stylesheet to artificially change the image sizes.. The last two options are outside the scope of this support thread..

[pewe]

I have installed this and it works well with my site which uses a responsive template.
However, when the site is viewed on a smartphone I find that the lightbox is scollable up and down, but the left/right scroll bars have no effect (so the 'close button cannot be seen or used).

Can anyone point me in the direction of any info that may assist with the problem.

Thanks.

[DivaVocals]

I have installed this and it works well with my site which uses a responsive template.
However, when the site is viewed on a smartphone I find that the lightbox is scollable up and down, but the left/right scroll bars have no effect (so the 'close button cannot be seen or used).

Can anyone point me in the direction of any info that may assist with the problem.

Thanks.

Simply put this module is not "responsive" and needs to be made "responsive"..

[pewe]

Simply put this module is not "responsive" and needs to be made "responsive"..

I see.
Not entirely sure I understand what that means, but - is that something that is likely to happen now that the developer appears to no longer be around???