[Resolved] Add a Lightbox on Product Image

[Author]

Posts

[Adrian Robbins]

Website URL: hidden link

We are developing a a product database and each product has just a single product image.

If a product image is not yet available it loads a generic image.

What we would like, is for the product image thumbnail, to open a large image when clicked via a lightbox function.

We have uploaded the Plugin jQuery Lightbox and added the following code to the product content template:

<!-- wp:html -->
[wpv-conditional if="( $(profile) ne '' )"][types field='profile' title='%%TITLE%%' alt='%%ALT%%' align='center' size='custom' height='35px' resize='proportional'][/types][/wpv-conditional][wpv-conditional if="( $(profile) eq '' )"]<img src="hidden link" alt="Sealco Default Profiler Image">[/wpv-conditional]
<!-- /wp:html -->

However the lightbox function is not working.

The images display correctly, but the image is not a link.

Any ideas on what we have missed as the code looks to be correct and certainly the images are displaying.

Thank you for your help.

[Shane]

Hi Adrian,

Given that you're using the lightbox plugin to display the lightboxes then there isn't much we can do here since their plugin should automatically pick up the images and display using the lightbox.

My recommendation is that you get in touch with their support and ask them if there is anything missing from your code that needs to be added for the lightbox to be triggered.

Thanks,
Shane