Return to previous page

Lightbox – Not fullscreen - by LisaA

This topic has 6 replies, 2 voices, and was last updated 8 years, 5 months ago ago by Olga Barlow

LisaA

Participant

January 31, 2017 at 12:38

Is there a way to change the product lightbox to open a window instead of full screen?

When I view the demo at https://www.8theme.com/demo/xstore/shop/man/shirts/drawing-print-shirt/#&gid=1&pid=1 and click the product image, it opens full screen but also has controls.

When I open the product image on my site (working locally), it opens full screen but there aren’t any controls, just the black overlay with the image in the center.

#153546 Copied

5 Answers

Olga Barlow

Participant

February 2, 2017 at 14:48

Hello,

I’m not sure what do you mean open window instead of full screen. Lightbox does not open content in the new window, if you want to open content in the new window it should be the simple link, not lightbox. Do you want to replace lightbox by simple link to big image?

Do you have gallery images for your product to have navigation? Could you move your site to online so we’ll be able to check what is the reason of your issue.

Regards

#153767 Copied

LisaA

Participant

February 2, 2017 at 14:59

What I am referring to in particular is WooCommerce products. When you click on a product image and it opens full screen. My client would rather it open in a new window (something like the simple lightbox plugin), instead of being full screen. Even openting like the sizing image opens from the single product page, would work.

#153768 Copied

Olga Barlow

Participant

February 3, 2017 at 09:28

Hello,

We used photoswipe to create enlarge effect by default it shows the fullscreen image. If you want to change the initial zoom level you can try to do it only by additional customization http://prntscr.com/e3wcsh in case you have JS skills.

Add the following code in Custom CSS to change the background for your lightbox, maybe it will change the overall picture of lightbox for you and won’t look so bad
.pswp__bg {background: rgba(11, 11, 11, 0.8);}

Regards

#153861 Copied

LisaA

Participant

February 3, 2017 at 13:42

Is there a way to disable it completely?

#153889 Copied

Olga Barlow

Participant

February 3, 2017 at 18:36

Hello,

Yes, go to Theme Options > E-Commerce > Single Product page > Lightbox for product images > Off.

Regards

#153965 Copied
Viewing 6 results - 1 through 6 (of 6 total)