[Resolved] Gallery problem: Fancybox and Ligtbox together

[Author]

Posts

[Simone Tacconi]

Hello,

Tell us what you are trying to do?
I have a gallery with dynamic data from a CPT. In frontend if click on any image it opens both in Fancybox AND Lightbox (one above the other).
In other pages, made without Toolset, it opens just in Fancybox.
How can exclude Lightbox from Gallery? Or fix it in any way?

Is there any documentation that you are following? Not found

Is there a similar example that we can see? Not found

What is the link to your site?
Example of page with strange behavior:
hidden link

Example of post without Toolset:
hidden link

Admin:
hidden link
User: toolsetstaff
Pass: EqKOp=7k-oiU!58ERtt

Thanks in advance for your support,
Simone

[Minesh]

Hello. Thank you for contacting the Toolset support.

The admin access details you shared with initial post is not working at this end.

Can you please send me working admin access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[Minesh]

I see you are using the "Wp Fancybox" plugin - as soon as I disable that plugin the lightbox popup works as expected:
=> hidden link

[Simone Tacconi]

Thanks Minesh for your test,

I already tested this solution, but the theme - then all webiste - require the "Wp Fancybox" plugin.
I would like to know if there is a solution from Toolset, e.g. to disable the "lightbox" function in gallery and use "Wp Fancybox" instead.
Thanks,
Simone

[Minesh]

As you are using the gallery block and the plugin "Wp Fancybox" has conflict.

The another workaroudn would be you should remove the image gallery blcok and use the following code. I've already added it just under the current gallery block using the shortcode block:
=> hidden link

[wpv-for-each field="wpcf-immagini"]
<a href="[types field="immagini"  size="full" url="true"][/types]" class="fancybox">
[types field='immagini' alt='%%ALT%%' title='%%TITLE%%' width='150' class="fancybox" height='150' align='none' resize='crop'][/types]
</a>
[/wpv-for-each]

You can format the HTML as per your requirement.

[Simone Tacconi]

Thank you very much Minesh for this shortcode.
I'm searching in support tread and documentation a solution for insert a bootstrap grid structure in this shortcode, but I think it's not a simple goal.
Could you suggest a resource or a solution?
Thanks,
Simone

[Minesh]

You can add the bootstrap HTML:
=> hidden link

[Simone Tacconi]

Tnaks for the link to bootstrap grid, my doubt is about rows: how can be added in the loop [wpv-for-each]?
Maybe this https://stackoverflow.com/questions/40561301/loop-row-in-bootstrap-every-3-columns could be a solution, or there is a ready one from Toolset side?
Thanks again for your assistance,
SImone

[Minesh]

You can use something like as given under:

[wpv-for-each field="wpcf-immagini"]
 <div class="col-md-3">
            <div class="thumbnail">
                <a href="[types field="immagini"  size="full" url="true"][/types]" class="fancybox">
[types field='immagini' alt='%%ALT%%' title='%%TITLE%%' width='150' class="fancybox" height='150' align='none' resize='crop'][/types]
</a>
            </div>
        </div>
[/wpv-for-each]

[Simone Tacconi]

My issue is resolved now. Thank you!