Open Envira gallery lightbox by link

[cvdw]

Hey,

I like to open an Envira lightbox by a link from a column.

I did something like that with a flipbook this way:

In your text element insert this:
[flipbook-popup id="cantharel_magazine_zomer_2019"] [/flipbook-popup]

Insert a v2 button element, style it and then add a custom class flipbook-trigger

And then you add the JS code:

jQuery(document).ready(function($){
	$('.flipbook-trigger').click(function(e){
		e.preventDefault();
		$('a[data-fb-id="cantharel_magazine_zomer_2019"]').click();
	});
});

Is such a think also possible for an Envira gallery?

I have this test page: https://lapauline.nl/wp/interactive-columns/

The 3 interactive columns I want to link to an Envira gallery.

The big image below has the result I like to achieve but this is just a linked image with this code but it opens the lightbox the way I want it for the columns.

[envira-link id="265"]<img src="https://lapauline.nl/wp/wp-content/uploads/2021/12/Coco-cabane-living-keuken.jpg"/>[/envira-link]

Can you please help me to get this?

Regards, Carel

[prakash_s]

Hello @cvdw,

Thanks for writing to us.

Please have a look at the documentation of Envira Gallery to learn more about how to open a lightbox gallery.

Create a Lightbox Gallery with Envira and understand the lightbox options

You can also use our classic shortcode for it

Integrity by Themeco

Hope it helps
Thanks

[cvdw]

I have read those and know this but this is not helping my out to open the Envira lightbox by a link in my interactive column…

[ruenel]

Hello @cvdw,

What you are trying to do with the columns and with the Envira Gallery is not possible. Please switch your HTML tag of the column to <div>.

And then use a Raw Content element and insert this:

 [envira-link id="265"]<div class="column-link"></div>[/envira-link]

You will then need a custom CSS to position the class selector column-link to be positioned as absolute originating from 0 pixel on top and on the right. The width and height need to be 100% so that it will occupy the whole column.

If you can provide us with the login credentials to your site we can create you with an example. You can create a secure note in your next reply with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role
- Confirmation that we can access and make changes to your site
​

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

[cvdw]

Okay, thank you!

I send you a secure note with the logins!

Grtz, Carel

[ruenel]

Hey @cvdw,

Please check the example interactive columns to launch the Envira Gallery on the link added in the secure note below.

Hope this would work for you.

[cvdw]

You’re a hero! Thank you so much for this and learning me this!

Have a good New Year!

Carel

[prakash_s]

You are most welcome Carel and wish you a happy new year.