Amazing plugin but unfortunately is not working with my elementor lightbox. Please see the door carousel where its currently applied, it works on the page but not on the lightbox, any way to fix this?I have ensured that it is enabled for lightbox on the settings page
Not working with Elementor Lightbox
Duplicate lightboxes opening
Hi, We use a Flickr gallery and we have Elementor on our site. When clicking on a photo to open it loads it twice but only the initial photo. If you click the image in the background disappears and you can browse through the rest of the gallery fine.
I have tried both Classic Gallery and Guttenberg, no difference.
I would appreciate some help on this, please.
Thanks, Andrew
Ocean Extra makes Mobile Menu not working
I love OceanWP and use it with Elementor to build my own portfolio site. The problem was only the dubble Lightboxes (WP’s + OceanWP’s) when I opened up images, so I installed Ocean Extra to deactivate the OceanWP’s Lightbox, and now that problem is solved. But…
Ocean Extra makes so that the mobile menu does not open when I click on it. I have deactivated all other plugins and located it to be Ocean Extra to be the source. I tried un-checking every script in Ocean Extra, one by one, and located the problem to be in one of the scripts that has anything to do with the menu, and thus if I un-check it, the whole menu breaks.
I need Ocean Extra for the Lightbox issue, but at this point, the mobile menu is useless and the page cant be navigated at all on mobile…
I am truly grateful for the help.
Trial version: running shortcodes in lightbox content damages regions back-end
Hello,
I’m testing your plugin with the free trial version to evaluate it but i’m having some problems with shortcodes in tooltip content.
When I add new region to new map and set to open content in lightbox with a shortcode result there are no problems. I can publish and see the greatest result in front-end. When I want to do some updates and come in back-end the preview map image isn’t avaiable. Then if I open it the map title string field contains a changed string like some shortcode result strings and the regions added are graphically showed but they aren’t avaiable in the region map settings. It seems that plugin show graphically added regions with my config but when I try to update it shows me a editor like new map editor with default values selected.
Have you any suggestions?
Best regards
Links open in lightbox and then in a new window
Hi! I’ve installed the plugin and it works seamlessy. But when clicking the images in the slideshow, they show for a moment the lightbox view and suddenly they move on to full image view, outside my site. I cannot understand why it does so. Any idea?
Many thanks!
Lightbox is not opening
Hi,
I installed this plugin today and it does not seem to load the Lightbox when I click on an image. The images are loaded from a remote source. Is this causing my problems?
There are no errors in the browser console.
Here is the HTML for my gallery
<div class="gallery-container camera-sample">
<a href="https://remote-website.com/images/I/81NKvt4+WmL.jpg" target="_blank" rel="noopener" data-slb-active="1" data-slb-asset="470776521" data-slb-group="1346">
<img data-lazyloaded="1" src="https://remote-website.com/images/I/81NKvt4+WmL.jpg" class="gallery litespeed-loaded" data-src="https://remote-website.com/images/I/81NKvt4+WmL.jpg" data-was-processed="true">
<noscript><img class="gallery" src="https://remote-website.com/images/I/81NKvt4+WmL.jpg" /></noscript>
</a>
<a href="https://remote-website.com/images/I/61Rjx-GIApL.jpg" target="_blank" rel="noopener" data-slb-active="1" data-slb-asset="1194398429" data-slb-group="1346">
<img data-lazyloaded="1" src="https://remote-website.com/images/I/61Rjx-GIApL.jpg" class="gallery litespeed-loaded" data-src="https://remote-website.com/images/I/61Rjx-GIApL.jpg" data-was-processed="true">
<noscript><img class="gallery" src="https://remote-website.com/images/I/61Rjx-GIApL.jpg" /></noscript>
</a>
<a href="https://remote-website.com/images/I/81jZps8TcxL.jpg" target="_blank" rel="noopener" data-slb-active="1" data-slb-asset="841961062" data-slb-group="1346">
<img data-lazyloaded="1" src="https://remote-website.com/images/I/81jZps8TcxL.jpg" class="gallery litespeed-loaded" data-src="https://remote-website.com/images/I/81jZps8TcxL.jpg" data-was-processed="true">
<noscript><img class="gallery" src="https://remote-website.com/images/I/81jZps8TcxL.jpg" /></noscript>
</a>
<a href="https://remote-website.com/images/I/71cQrhs+dNL.jpg" target="_blank" rel="noopener" data-slb-active="1" data-slb-asset="951165657" data-slb-group="1346">
<img data-lazyloaded="1" src="https://remote-website.com/images/I/71cQrhs+dNL.jpg" class="gallery litespeed-loaded" data-src="https://remote-website.com/images/I/71cQrhs+dNL.jpg" data-was-processed="true">
<noscript><img class="gallery" src="https://remote-website.com/images/I/71cQrhs+dNL.jpg" /></noscript>
</a>
</div>
Add videos to the lightbox
Where I can upload videos for the gallery images to show in the lightbox?
Issue When Uploading Images to Product Gallery
When adding images to our product gallery, the light box image pop up is displaying too many images. For example if we upload one “Product Image” and one “Product Gallery” image, the lightbox pop up is displaying “1 of 6” instead of “1 of 2”. Essentially multiplying the images we upload and displaying the image count.
See screenshot link below:
http://tcmicros.com/Support/product-gallery-image-error.jpg
Arrows in Lightbox not showing
Hello, I saw another thread on this, but I haven’t changed the button html and it didn’t seem to help and the topic was closed. The code that was recommended is the default code:
`<button title=’%title%’ type=’button’ class=’mfp-arrow mfp-arrow-%dir%’></button>
but the navigation doesn’t show up. It is there, if you know to look for it and move your mouse around, but it isn’t visible. Which doesn’t help visitors much.
Can you help?
Thank you.
[Shift Arrows to Center] in SWIPEBOX Image Gallery
Hello All,
I need an urgent help from you guys. I am using the STONI Architecture theme from wordpress. I want you to check the snapshot below of WGL PORTFOLIO Image full screen view:
https://snipboard.io/Cx5vlp.jpg
Can you please shift the arrows on the left and right side of the image, and the arrows should only appear on MOUSE HOVER. As of now the arrows are hiding the image and Vanish on MOUSE CLICK. So please help me do this as per the given image.
My Website Link: https://new.5thdimension.co.in/
Thanks in advance.
Lightbox for ticket images
First of all, I love the plugin!
A lightbox feature is really needed to show images, so we don’t have to download the images all the time.
Thanks
Lightbox title
Is there a way to remove the title from an image that appears in a lightbox? Not sure this is even a theme issue, could be default Elementor behavior. Just don’t see an option anywhere to remove it. I could do it with CSS but I prefer sometimes to seek out options that might already be in place.
Thanks.
An excellent, simple plugin that works perfectly with no programming!
What an excellent, simple-to-use plugin. It does EXACTLY what I wanted with no programming, configuration or conflict problems!
I needed a lightbox which allowed me to display custom web pages uploaded to my site – specifically, I needed to display HTML5 based animated TRAINING LESSONS generated with eLearning tools. I’ve tried most lightbox plugins on the WordPress site and while they were all great (in their own way) for displaying images, trying to display other content required complicated coding, custom child themes and a fair bit of knowledge of CSS & PHP. I’m no programmer and I use Elementor Pro exclusively so these really didn’t work for me.
Then I found this plugin and it worked PERFECTLY. After installation, all I had to do was create a lessons page in Elementor, drop a text box in place and then enter the URL using the ‘insert/edit link’ from the toolbar. Then, editing the URL link in text mode (just after the ‘<a’ and before “href=”) I inserted the parameter ‘ class=”fancybox-iframe” ’ (note the space before and after) and voilà! I had a clickable URL that produced a lightbox!
Next, I experimented further by using an image box with a screen capture of the lesson, then set the link to ‘custom URL’ and inserted the same URL as before (WITHOUT the parameter – see NOTE below). Once again, it worked perfectly. I was also able to set the lightbox size and fix its position using the WordPress Admin Settings for the lightbox.
Lastly, as I wanted to create an Elementor template (and therefore required the link to be dynamic) I set up a URL field for the course – using ACF (Advanced Custom Fields) – and entered the URL there, then assigned the ACF field to the URL field in the image object’s ‘Custom URL’. Once that was set up, then paging through the lessons dynamically refreshes the URL value, giving you a lightbox unique to each Lesson. PERFECT!
NOTE: For the Elementor image box to work correctly, after you enter the URL, you also need to click on the ‘settings wheel’ beside the entry and then, under the ‘Custom Attributes’ heading, enter the parameter in the format ‘class|fancybox-iframe’ instead of the format used in the textbox above. Note the divider bar – you’ll find it on the bottom-left on your keyboard – and no quotes or spaces.
This has not only solved a MAJOR headache for me which no other plugin I tried seemed capable of, but also produced a perfect lightbox-based interactive lesson display. WELL DONE GUYS! It couldn’t be better!
Lightbox – GA tracking
Hi,
How can I track in GA clicks on lightbox?
Thanks
how to add zoom on images
Hi , how can I zoom on my images , am using photogallery plugin , the image opened inside I lightbox but I can’t zoom on it ?? how can I zoom it ?
Envira Lightbox js error
Hi, I have recently encountered a problem with envira and the lightobx.
When I’m going on the first page the lightboxes work fine but if you go on the 2nd page it gives an error:
Uncaught TypeError: Cannot read property 'opts' of undefined
at n.init (envira-min.js?ver=1.8.9.8:formatted:6105)
at new n (envira-min.js?ver=1.8.9.8:formatted:6101)
at Object.open (envira-min.js?ver=1.8.9.8:formatted:6925)
at HTMLAnchorElement.<anonymous> (envira-min.js?ver=1.8.9.8:formatted:1204)
at HTMLAnchorElement.dispatch (jquery.js?ver=1.12.4-wp:3)
at HTMLAnchorElement.r.handle (jquery.js?ver=1.12.4-wp:3)
The lightobx doesn’t trigger anymore.
Can you help me?
Best regards
Hide social buttons in lightbox
I need to hide social buttons in lightbox. I can’t find the way to turn it off.
Retina not displaying in fancy box
Hi everyone, Im not sure anyone will be able to help me with this issue but I thought Id give it a try anyway. My website does not display retina quality images in fancy-box lightbox images. Retina display is working for all other image types. Just not in fancy-box overlays.
I tried installing ‘WP Retina 2x’ plugin by Meow Apps and even purchased the Pro version, that didn’t convert the fancy-box images. I think it is because my fancy-box is switching the image to a lower res version and that it’s using jQuery to do that so I need to figure out a way to update my fancy-box with a version that displays retina images in the lightbox.
My theme is custom built by a company called Themebeans who recently have stopped supporting my theme as they sold up to GoDaddy. They have however releases their latest build of it here: https://github.com/themebeans/spaces
Can anyone help me? My portfolio site is crucial to me and I want to showcase good quality images and not fuzzy ones!
Shift Arrows to Center in SWIPEBOX/LIGHTBOX Image Gallery
Hello All,
I need an urgent help from you guys. I am using the STONI Architecture theme from wordpress. I want you to check the snapshot below of WGL PORTFOLIO Image full screen view:
https://snipboard.io/Cx5vlp.jpg
Can you please shift the arrows on the left and right side of the image, and the arrows should only appear on MOUSE HOVER. As of now the arrows are hiding the image and Vanish on MOUSE CLICK. So please help me do this as per the given image.
My Website Link: [ redundant link removed ]
Thanks in advance.
missing lightbox
I am sure our website had a working lightbox at one point. But now the product images just go to the file when clicked. Did something change? Is there anyway to get the lightbox back? The theme is RetroTale.