Build your own captions with FooGallery PRO. With our premium gallery plugin, you can use metadata and custom fields to create your own captions for both the gallery thumbnails and the lightbox. And with just a bit of HTML and Custom CSS, you can style your captions.
The below gallery shows you how this works:
Here we’ve used Advanced Custom Fields to add a Product Name, Description and Price field to each of the images. We’ve then used these fields to build our captions, while adding in some basic styling with HTML.
Our Custom Captions Template now looks like this:
Our product name is in bold and the description in italics. We’ve separated each of the fields with line breaks, and added an extra line between the description and the price.
Custom Captions in the Lightbox
We’ve also used Custom Captions for the lightbox. If you click on any of the images, they’ll open in the FooGallery PRO Lightbox. Here you can choose to use the same captions as for the thumbnails, or you can override these. (Note that this is only available if you’re using the FooGallery PRO Lightbox)
We’ve set the lightbox to use custom captions, where we included the product name and a Buy Now link for the caption. The link doesn’t go anywhere in the demo, but you can see how it would work if you wanted to direct people to a sales page for an individual item.
We’ve added in line breaks and used an H3 heading for the Buy Now text, to make it stand out. Here’s how the custom captions for the lightbox appear in the gallery settings: