Page 1 of 1

Gallery Image Captions

Posted: Wed Jul 02, 2014 3:12 pm
by 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

Re: Gallery Image Captions

Posted: Sat Jul 26, 2014 9:24 am
by 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>