Product:
Tutorial:
Wonder Lightbox is a WordPress plugin to open images, videos, PDF files, HTML contents in a lightbox popup. This tutorial will guide you how to track the lightbox open events with Google Analytics.
Continue reading
How to show shortcode content in a WordPress lightbox
This tutorial will show you how to show content created with a shortcode in a WordPress lightbox by using the plugin Wonder Lightbox.
There are two ways to show content created with a shortcode in a lightbox:
- Method 1 - Add the shortcode to a div on the same page then show the div in a lightbox
- Method 2 - Add the shortcode to a standalone WordPress page then open the page in a lightbox
How to add a button to open YouTube lightbox in Brizy Builder
Product:
Tutorial:
Brizy is drag and drop WordPress page builder. This tutorial will guide you how to add a button to open YouTube lightbox in Brizy builder.
Lightbox effect not working with the WordPress theme Salient
Product:
WonderPlugin Slider, WonderPlugin Carousel, WonderPlugin Portfolio
Tutorial:
This tutorial will guide you how to fix the issue of the lightbox effect not working in the WordPress theme Salient.
Continue reading
How to open an audio player in a WordPress lightbox popup
This tutorial will guide you how to open an audio player created with WonderPlugin Audio Player in a WordPress lightbox popup. We use the plugin WonderPlugin Carousel to create the carousel and the lightbox.
Continue reading
Open a different lightbox gallery for each thumbnail in a WordPress carousel
In WonderPlugin Carousel, when you click on a thumbnail in the carousel, by default, it will open a lightbox galley which includes all images/videos in the current carousel.
This tutorial will guide you how to open a different lightbox gallery for each thumbnail in the carousel. We will use both plugins WonderPlugin Carousel and WonderPlugin Portfolio Grid Gallery.
WordPress Lightbox and AJAX Loading
Product:
Question:
I’m using my site a plugin that allows me to query the database and show results without requiring to code… I can also filter results based on search queries…
I’m using the lightbox in one page that uses such a filter/query. When I set my plugin to reload the entire page, it works fine (though pretty slow since there’s a lot of data), but if I filter using AJAX (i.e. the results are filtered without reloading the page), then the click event on the links that trigger the lightbox are removed… Therefore, after the first search/filter, the images are not clickable anymore…
Is there a way to prevent this (the click event from being removed)?
Answer:
After you use AJAx adding the data, you can call the following JavaScript to re-init the Lightbox:
jQuery(".wplightbox").wonderpluginlightbox();
Update:
If the issue is caused by Ajax loading of the WordPress theme, please view the following tutorial: WordPress lightbox and Ajax loading WordPress themes
Change Lightbox default size
Question:
I am setting up the Lightbox for Video Commercial version on a clients' site and wondered if there was any way to change the default size?
The Lightbox is responsive but comes in at 960x540 default.
Answer
You can use data tag data-width and data-height to change the default size, for example:
<a href="http://www.youtube.com/embed/YE7VzlLtp-4" class="wplightbox" title="Big Buck Bunny Copyright Blender Foundation" data-width="1024" data-height="576">YouTube Lightbox</a>
