Enabling (Photoswipe) Lightbox for Slider Revolution

[ssbatavia]

Hello,

I am using the “Portfolio” options that are built into the Nota Theme and have chosen to use Swift Page Builder to layout the individual custom portfolio pages. I have created a slider using Slider Revolution and would like to enable the “NOTA THEME LIGHTBOX” to popup when you click on a slide.

I found via this thread: (http://www.swiftideas.com/forums/topic/lightbox-captions/) that Nota uses “Photoswipe” for its lightbox effects.

According to their documentation: (http://photoswipe.com/documentation/getting-started.html) I should be able to use: class=”pswp__container” to enable ligthbox?

However in my attached screenshot you can see when I enter class=”pswp__container” into the slide’s link class it doesn’t work. The slide disappears altogether on the frontend! Please advise which class is needed to enable the Photoswipe Lightbox feature on Slider Revolution. Ideally, I want the same lightbox affect as your demo-page: (http://nota.swiftideas.com/elements/image-lightbox/)

Best,

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Hi there,

Unfortunately, that customisation is beyond our scope of support as it is more work than a small customisation.

We only provide support for theme issues, and at times basic customisations.

While we’d love to be able to support every customisation request, we simply don’t have the time. We recommend that you seek a freelance developer if you need to make that customisation: http://www.swiftideas.com/customization/

[ssbatavia]

Thanks for your advice? It’s a shame you can’t provide support for lightbox in a slider. Yet you include 3 sliders…
For those that are looking to enable lightbox capabilities (a pretty standard feature IMO). I HAVE A SUPER EASY SOLUTION!!!!

Follow this quick and easy guide below:
1. Install almost any fancybox plugin. (1st link below)
2. Copy paste the JavaScript (2nd link below) into either the Theme CSS/JS Override or my recommendation the individual Revo Sliders itself using the JS option at the bottom of the config. Then Adjust the API (3rd link below)
3. Link to original image and include the class =”fancybox-iframe”
4. Do a happy dance. You’re all done!

<<< FULL TUTORIAL (plus helpful links and free plugin) HERE >>>
FREE COMPATIBLE LIGHTBOX PLUGIN: http://premium.status301.net/downloads/easy-fancybox-pro/
FULL TUTORIAL: https://www.themepunch.com/faq/using-fancybox-with-slider-revolution/
FIND API: https://www.themepunch.com/revslider-doc/api/

[David Martin – Support]

Glad you found a solution to your needs.

Thanks.