Lightbox issue with several classes in same page

Hello there, so, im implementing several lightboxes in same page, all of the using different classes. Im using block grid inside a raw content.

Thumbnails are displayed correctly and when clicked, first 2 images are displayed correctly, but when scrolling onto the other images site blocks istelf and the only way of getting out of lightbox is by refreshing the page. Has anyone experienced this issue? Been hours hours recreating the problem, changinf from text to raw, remaking lightbox, but everytime same issue occurs.

Lightbox example

[block_grid type=“four-up”]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica1_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica1.png” title=“Infraestructura de vanguardia”]
[/block_grid_item]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica2_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica2.png” title=“Gabinetes cerrados con ventilación y clima controlado”]
[/block_grid_item]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica3_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica3.png” title=“Soporte técnico 24/7/365”]
[/block_grid_item]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica4_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica4.png” title=“Soporte técnico 24/7/365”]
[/block_grid_item]
[/block_grid]
[lightbox selector=".vzoreporteo" deeplink=“true” opacity=“0.875” prev_scale=“0.75” prev_opacity=“0.75” next_scale=“0.75” next_opacity=“0.75” orientation=“horizontal” thumbnails=“true”]

Web site were you can see it
https://nextor.io/x_1/vozero-mx-informacion-general/vozero-mx-caracteristicas/#

Latest x theme PRO with latest Wordpress.

Thanks!

Hi @sfensham,

Thank you for writing in, I have tested your very shortcode on my dev site and I can’t replicate the issue. please testing for a plugin conflict. You can do this by deactivating all third-party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Let us know how it goes!

hI @friechm thanks for your reply. after making lots of changes, images, recoding, plugins, i even tested in other x theme websites get the same issue, when i input more than one lightbox in a page it breaks, if i setup only one lightbox it works flawlessly.

So i need to put 3 lightboxes with different image classes in some parts. If i leave only one it works fine, when i setup more than one errors start to occur. Tried each lightbox alone in a page and works fine, the issue is when having more than one lightbox in same page,

Am i missing some values in lightbox?

lb 1

[block_grid type=“three-up”]
[block_grid_item]
[image class=“2” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO.compartir1-350163.png” alt=“Compartir escritorio” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO.compartir1.png” title=“Compartir escritorio”]
[/block_grid_item]
[block_grid_item]
[image class=“2” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO.compartir2-350163.png” alt=“Compartir escritorio” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-compartir2.png” title=“Compartir escritorio”]
[/block_grid_item]
[block_grid_item]
[image class=“2” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO.compartir3-350163.png” alt=“Compartir escritorio” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-compartir3.png” title=“Compartir escritorio”]
[/block_grid_item]
[/block_grid]
[lightbox selector=".2" deeplink=“true” opacity=“0.875” prev_scale=“0.75” prev_opacity=“0.75” next_scale=“0.75” next_opacity=“0.75” orientation=“horizontal” thumbnails=“true”]

lb 2

[block_grid type=“four-up”]
[block_grid_item]
[image class=“4” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta1_350163.png” alt=“Reporte de sesión levanta la mano” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta1.png” title=“Reporte de sesión levanta la mano”]
[/block_grid_item]
[block_grid_item]
[image class=“4” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta2_350163.png” alt=“Reporte de sesión levanta la mano” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta2.png” title=“Reporte de sesión levanta la mano”]
[/block_grid_item]
[block_grid_item]
[image class=“4” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta6_350163.png” alt=“Reporte de sesión levanta la mano” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta6.png” title=“Reporte de sesión levanta la mano”]
[/block_grid_item]
[block_grid_item]
[image class=“4” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta7_350163.png” alt=“Reporte de sesión levanta la mano” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-levanta7.png” title=“Reporte de sesión levanta la mano5”]
[/block_grid_item]
[/block_grid]
[lightbox selector=".4" deeplink=“true” opacity=“0.875” prev_scale=“0.75” prev_opacity=“0.75” next_scale=“0.75” next_opacity=“0.75” orientation=“horizontal” thumbnails=“true”]

LB 3

[block_grid type=“four-up”]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica1_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica1.png” title=“Infraestructura de vanguardia”]
[/block_grid_item]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica2_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica2.png” title=“Gabinetes cerrados con ventilación y clima controlado”]
[/block_grid_item]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica3_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica3.png” title=“Soporte técnico 24/7/365”]
[/block_grid_item]
[block_grid_item]
[image class=“vzoreporteo” background="#ffffff" src=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica4_350163.png” alt=“Consola de agentes en llamada” type=“thumbnail” link=“true” href=“https://nextor.io/x_1/wp-content/uploads/2019/02/VZO-analitica4.png” title=“Soporte técnico 24/7/365”]
[/block_grid_item]
[/block_grid]
[lightbox selector=".vzoreporteo" deeplink=“true” opacity=“0.875” prev_scale=“0.75” prev_opacity=“0.75” next_scale=“0.75” next_opacity=“0.75” orientation=“horizontal” thumbnails=“true”]

Hi @sfensham,

Could you please change the deeplink to false?

Let us know how it goes!

Yeah it worked!!! that made the trick!!!

Can you please describe the operation of that vaible please.

Thanks so much

Hi again,

Setting the deeplinking to true provides direct links to each lightbox image. To learn how the [lightbox] shortcode works, please see https://theme.co/apex/forum/t/shortcodes-lightbox/165

Cheers!

1 Like

Thanks! Great support

Glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.