[Closed] I need to have images popup in a lightbox

[Author]

Posts

[IntegrisDesign]

Tell us what you are trying to do? My client wants to have the same image popup in a lightbox. This is a nested view.

Is there any documentation that you are following? No.

Is there a similar example that we can see? No. Just a lightbox.

What is the link to your site? hidden link Scroll to the bottom and look at floorplans. Basically, need the best practice to have each image pop up in a lightbox.

[Nigel]

Hi there

The Image Block settings includes the option to open images in a Lightbox (under Link Settings). See the screenshot.

[IntegrisDesign]

Thank you. I am used to using Views still. The block editor is good.

[IntegrisDesign]

Hey, I just looked over this and the image is a background and not an image. Do you have any thoughts on it? I presented two options, but I am curious if we would stick with the BG image and have it with a popup so they can benefit from CSS contain, etc, etc.

[Mateus Getulio]

Hello there,

To implement it on the legacy view, I suggest you try with WordPress built-in lightbox feature, for example:

1) Add below codes into your theme file "functions.php":

add_action('wp_enqueue_scripts', 'add_thickbox');

2) Edit your view, setup HTML link codes to display the feature image manually, for example:

for featured image:

<a href="[wpv-post-featured-image size="full" output="url"]" rel="gallary-[wpv-post-id item="$current_page"]" class="thickbox">[wpv-post-featured-image]</a>

for custom image field:

<a href="[types field='custom-img' size='full' output='raw'][/types]" rel="gallery-[wpv-post-id item="$current_page"]" class="thickbox">[types field='custom-img'][/types]</a>

More help:
https://developer.wordpress.org/reference/functions/add_thickbox/
https://toolset.com/documentation/user-guides/views/views-shortcodes/#wpv-post-featured-image

Alternatively, you could also use a third-party solution for the lightbox like "WP jQuery Lightbox": https://wordpress.org/plugins/wp-jquery-lightbox/

Can you please check if this answer your question, please let me know otherwise and I'll reassess.

Thank you,
Mateus