Browser: Safari 16.6, Chrome 139
OS: macOS
Bricks Version: 2.0.2
Bricks Child Version: 1.1
URL: https://timberecco-test.leveraweb.com/product/mesa-metal-y-madera/
Video: [https://drive.google.com/file/d/1DD7Inwvm-AbZuMGIp4vYVc-i3wZNbWGQ/view?usp=share_link](Link to Google Drive)
I’ve setup a custom Single Product page, and I’m using the Product Gallery element to display the images. For some reason, when you click the main image a few strange things happen:
- Image loads, but No Lightbox Background
- Lightbox is off-center.
- On first load:
On subsequents clicks to the lightbox image, it has an unexpected and quick zoom in or out effect. You can click outside the image area to exit.
- On subsequent attempts to load the lightbox:
On subsequents clicks to the lightbox image, it has this subtle zoom effect.
Now you can’t click your way out of the lightbox, ESC key only.
I’m comparing this to a Carousel item, which loads {woo_product_images} just fine and the lightbox works as expected out of the box. The uploaded version is with all plugins disabled with the exception of WooCommerce. See video for more reference.
It seems to be a specific issue with the Product Gallery, I’ve tried with the Image Gallery and Carousel with no issues.