Hi, you need to configure your gallery with “Link to: Media file” otherwise there is nothing to open in a light box…
Hi Ravan
Thank you very much for the reply. MY apologies, the plugin used to work and I have not made any changes to the settings so I am not sure where to begin. Would you mind pointing me to information that will show me how to do this? Do I use CSS ID or Class identifiers?
FYI: I am using the Divi theme from Elegant Themes if this makes a difference?
No, I am talking about an option that you can set when you insert a media file or gallery in your page or post content.
I am using the Divi theme from Elegant Themes if this makes a difference?
Yes, I suppose that makes it different from the default WordPress way… I suppose there is some type of element special for galleries and another for inline images. Do they have an option that allows you to define if the images are linked to their full size version? If so, then set that.
Ah ok. No, Divi does not seem to offer that option. I am generating the images with the Toolset plugin though. Are you familiar with it?
No I’m not familiar with it, sorry. Any chance you could switch to a default WordPress gallery bloc?
Ravan, I tried your suggestion and it does indeed work with a default WP Gallery. I understand that the issue is with my implementation, and not your plugin but I would really appreciate any advice that you could perhaps provide to help me.
I am using the following code to display a gallery of images:
{!{wpv-for-each field="wpcf-product-images"}!}
{!{types field='product-images' alt='%%ALT%%' title='%%TITLE%%' width='150' class="fancybox" height='150' align='none' resize='crop' separator=', '}!}{!{/types}!}
{!{/wpv-for-each}!}
Here is an example page with the images I’d like to open in a lightbox if that helps.
http://pdd.developmentserver.co.za/product/geo-fennel-fct-1-data-coating-thickness-tester/
As you can see, I have tried to assign a class of fancybox to the fields, but I may be doing it incorrectly as it does not have the desired result.
Could you point me in the right direction by any chance?
I’m sorry, that code sample is like Chinese to me but is does look like you succesfully added a class="fancybox". However, this is not going to do anything because what is missing is a link to the full size image. You’ll have to ask the Toolset support how to modify that code to make it include a link to each full size image version.
Maybe add something like href="%%FILE%%"? I have no idea…
