Make your own rotating animation light box

Make your own rotating animation light box how to#

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.Д®xample: // Disable Lightbox with PhotoSwipe on WooCommerce product pagesДЄdd_filter('lbwps_enabled', 'my_lbwps_enabled', 10, 2) This filter gets the ID of the current page/post and if the lightbox is currently enabled ( true or false). You can either configure the pages/posts manually in the settings or you can use the filter lbwps_enabled. 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.

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

Make your own rotating animation light box how to#

How to disable the plugin in certain pages/posts In this case you need to disable the lightbox of the theme or other plugins if possible.ДЄlso keep in mind that linked images which are added using JavaScript after the page has been loaded already by the browser will not be displayed with Lightbox with PhotoSwipe if they are missing the attributes data-lbwps-width and data-lbwps-height with the width and height of the image. Some themes or plugins have their own lightbox implementation which can cause a conflict with Lightbox with PhotoSwipe. When a visitor now opens the link, closing the lightbox will get the visitor to specified URL. This can be done by using returnurl combined with the URL to got to as the first parameter: Sometimes it is preferred to go to a specific URL when closing the lightbox. However, when closing the lightbox, you will see the page or post itself. This will load the given page/post and automatically open the first image ( pid=1) in the lightbox. When you activate the setting for вЂњActivate browser historyвЂќ you can link directly to an image inside a page or post: The previous parameter return is no longer supported. Experimental feature: return to a specific URL when closing the lightbox Starting with release 3.1.14 this is also supported for Elementor image widgets and Elementor image carousel widgets. 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! You can also add the same data-lbwps-gid attribute to multiple single images to combine them in the same lightbox. For example you could the file name of the image like this:

This value must not be a number since numbers are already used internally. 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. 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). All linked images in a post or page will be displayed using PhotoSwipe, regardless if they are part of a gallery or single images.