The primary issue was that on the view of an album where it shows all of the thumbnails in a grid, I wanted to see the title and description of the picture.

The fix is actually fairly simple.

In the nextgen-gallery/view folder is a file called “gallery.php”.

In that file, there is a little block of code which displays the thumbnails.

<?php foreach ($images as $image) : ?>

</div>
</div>
<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
<br style="clear: both" />
<?php } ?>
<?php endforeach; ?>

What we need to do is add this bit of code:


<p align="left" style="margin-left:0px;">
<strong><?php echo $image->alttext ?></strong>
<br />
<?php echo $image->description ?>
</p>

Right below the image tag.

Which is fine. For my template, I also wanted the top of all captions to be at the same height, even though I don’t use cropping on my thumbnails so that images are different heights (by default, this will display the text right under your image). So, I also created a little css and put it in NextGen’s style sheet:

.ngg-gallery-imagewrap {
height:175px;
}

And then wrapped the image in a div with the class of ngg-gallery-imagewrap.

My final code looked like this:

<?php foreach ($images as $image) : ?>

</div>
</div>
<?php if ( $gallery->columns > 0 && ++$i % $gallery->columns == 0 ) { ?>
<br style="clear: both" />
<?php } ?>
<?php endforeach; ?>

And you can see the result here.

Post a comment if you have any questions – I’m happy to help!