Gallery Image Captions

[delve2013]

Hi,

Im having issues with displaying captions for each individual image in my gallery.

This is the template I'm using for my gallery:

Code: Select all

<div class="snapshot">
<div class="fotorama" data-allowfullscreen="true" data-nav="thumbs" data-width="90%" data-ratio="3/2">

{foreach from=$images item=image}
	
	{if $image->isdir}
		<a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}"/></a><br /> {$image->titlename} 
	{else}
   <a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->comment}" rel="prettyPhoto[{$galleryid}]"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
	{/if}
{/foreach}
</div>
</div>

I've created a field definition called "prodcode" can anyone help me get this displayed with each image

[Jos]

Something like this?

<div class="snapshot">
<div class="fotorama" data-allowfullscreen="true" data-nav="thumbs" data-width="90%" data-ratio="3/2">

{foreach from=$images item=image}

{if $image->isdir}
<a href="{$image->file}" title="{$image->titlename}"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}"/></a><br /> {$image->titlename}
{else}
<a class="group" href="{$image->file|escape:'url'|replace:'%2F':'/'}" title="{$image->comment} | {$image->fields.prodcode.value}" rel="prettyPhoto[{$galleryid}]"><img src="{$image->thumb|escape:'url'|replace:'%2F':'/'}" alt="{$image->titlename}" /></a>
{/if}
{/foreach}
</div>
</div>