Docs

[PhilBeyond]

Hi there. I’m trying to figure out how to create a link to a lightbox image gallery from a button in a Rev Slider, but can’t seem to figure out the steps.

How do I create a lightbox gallery in Cornerstone which is used as a link on a ‘click for more’ button in a Rev Slider layer?

Any help would be much appreciated.

Phil.

[PhilBeyond]

This reply has been marked as private.

[Joao]

Hi There,

Please have a look at this thread.

https://community.theme.co/forums/topic/button-to-launch-lightbox-gallery/

The Button shortcode should be place inside a text element in Revolution Slider. While still inside Revolution Slider the button won´t render, but once you go to the actual page the X Button Shortcode will be turned into a button.

Hope it helps,

Joao

[PhilBeyond]

Hi there.

Thanks for setting me off on the right direction – much appreciated. But a couple of issues with your solution:

Firstly, the images seem to begin at the ‘end’ of the carousel, meaning we scroll from the left instead of the right.

Also, is it possible to have a darker background rather than white?

And is there a navigated gallery lightbox option rather than a carousel?

Cheers for your help so far.

[Rad]

Hi Phil,

What you need would be a 3rd party plugin. X bundled plugin has limited feature, it served just a lightbox and not a gallery. I understand that you need to display the set of images within the lightbox, right?

Thanks!

[PhilBeyond]

Yep, that’s right. Am having serious issues getting my head round this. Looking for thrid party plug in, found WP Lightbox 2 which looks decent enough – but I can’t figure out how to attribute a lightbox gallery/slideshow launch from a ‘Click here’ button-style image. Any pointers, anyone?

[Rad]

Hi there,

You should check the plugin’s documentation 🙂

The standard implementation should depend on how the author made it. You should contact the author.

Thanks!

[PhilBeyond]

This reply has been marked as private.

[Paul R]

Hi,

Please change your code to this.

eg.

<div class="gallery-icon">[x_image type="none" float="none" src="http://mediadrum.co.uk/IOHtest/wp-content/uploads/2016/05/KitchenViewButton.png" link="true"
href="http://mediadrum.co.uk/IOHtest/wp-content/uploads/2016/06/lightpic6.png" rel="lightbox" class="gallery-button"]</div>
<div style="display:none;"></div>
[lightbox selector=".gallery-icon a"]

Hope that helps.

[PhilBeyond]

This reply has been marked as private.

[Joao]

Hi There,

Can you try this code instead:

<div class="gallery-icon">[x_image type="none" float="none" src="http://mediadrum.co.uk/IOHtest/wp-content/uploads/2016/05/KitchenViewButton.png" link="true"
href="http://mediadrum.co.uk/IOHtest/wp-content/uploads/2016/06/lightpic6.png" rel="lightbox" class="gallery-button"]</div>
<div style="display:none;"></div>
[lightbox selector=".gallery-button"]

Hope it helps,

Joao

[PhilBeyond]

That’s the same code as before?

[Joao]

Hi There,

It is slightly different. I tested on my end and the button worked and I was able to click and open a lightbox.

In case it does not work on your end would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

Joao

[PhilBeyond]

This reply has been marked as private.

[Joao]

Hi There,

Could you provide us admin credentials?

The access on the credentials given above is quite limited.

Thanks

Joao

[Author]

Posts