/ Plugin Category

/ Design & Themes

/ Lightbox with PhotoSwipe

Lightbox with PhotoSwipe

By Arno Welzel

Design & Themes /

Lightbox with PhotoSwipe Review - In-Depth Analysis

Integrates PhotoSwipe for displaying images in WordPress. Supports single images and galleries.

Performance Overview

WPS Score

7.02/10

User Rating

4.9/5 (based on 114+ reviews)

Active Installations

20,000+

Update Frequency

Below Average It is calculated using the weighted average of same category plugins.

Security Score

1 / 10 (Very Low Risk) It is calculated using the weighted average of all versions.

What It Does

This plugin integrates PhotoSwipe to WordPress. All linked images in a post or page will be displayed using PhotoSwipe, regardless if they are part of a gallery or single images.

You can also display EXIF data from supported image types.

As of version 4.0.0 this plugin requires at least WordPress 5.3 and PHP 7.0. Older PHP version will cause problems. In this case you have to upgrade your PHP version or ask your hoster to do so. Please note that WordPress itself also recommends at least PHP 7.4.

Please keep in mind: not the visible thumbnail is relevant, but only the image link. Images should always be linked to the file and not to the attachment page. Since version 5.6.1 there is an option to fix attachment links which can be enabled if needed; however, this may slow down your website since then all links on a page will be checked if they are attachment links.

Other Notable Features

Here are a few other notable features of this free Lightbox with PhotoSwipe plugin.

PhotoSwipe integration

image display

lightbox gallery

Screenshots

FAQ

The plugin uses JavaScript modules for PhotoSwipe 5. This will not work, if you use any kind of “JavaScript optimizing” with a WordPress plugin which combines all frontend scripts into one single file. Make sure that Lightbox with PhotoSwipe is excluded from any kind of “optimization”, otherwise the plugin may not work.

All linked images in a post or page will be displayed using PhotoSwipe, regardless if they are part of a gallery or single images.

Make sure that you link the image or gallery directly to the media and not the attachment page (in galleries the option link=file should be set).

If you want to display an image in it’s own lightbox which does not display other images from the same post or page, you can add the attribute data-lbwps-gid to the link element with a unique value for this image. This value must not be a number since numbers are already used internally. For example you could the file name of the image like this:

<a href="myimage.jpg" data-lbwps-gid="myimage.jpg"><img src="myimage-300x300.jpg" alt="My Image" /></a>

You can also add the same data-lbwps-gid attribute to multiple single images to combine them in the same lightbox.

Note: the parameter was renamed from data-gallery-id to data-lbwps-gid in version 2.97 to avoid conflicts with existing themes or plugins!

Starting with release 3.1.14 this is also supported for Elementor image widgets and Elementor image carousel widgets.

Please note: the order of the parameters have changed in version 1.90.

Some other plugins use PhotoSwipe as well and it may be neccessary to disable Lightbox with PhotoSwipe on some pages or posts – for example on the product pages of WooCommerce.

You can either configure the pages/posts manually in the settings or you can use the filter lbwps_enabled. This filter gets the ID of the current page/post and if the lightbox is currently enabled (true or false). If the filter returns true, the lightbox will be used, if it returns false the lightbox will be disabled – which means, no scripts and stylesheets will be included at all on the current page/post.

Example:

// Disable Lightbox with PhotoSwipe on WooCommerce product pages  function my_lbwps_enabled($enabled, $id) {     if (function_exists('is_product')) {         if (is_product()) return false;     }      return $enabled; }  add_filter('lbwps_enabled', 'my_lbwps_enabled', 10, 2);

The individual parts of the caption can be modified using the following filters. Each filter gets the ID of the current page/post and the original text to be used. You can either return the text as it is or modify it if needed.

lbwps_caption_caption lbwps_caption_title lbwps_caption_description lbwps_caption_filename lbwps_caption_exif

Example:

// Add copyright notice to caption title  function my_lbwps_caption_title($title, $id) {     return sprintf('%s<br>Copyright (c) %s Foobar', $title, date('Y')); }  add_filter('lbwps_caption_title', 'my_lbwps_caption_title', 10, 2);