Adding thumbnail image to dropdown bootstrap menu

Nailed it, thanks Ross

Below is the complete code for anyone else who may need it.

This code pulls the first image from the field 'photo_gallery' and displays it as a thumbnail image in the dropdown menu:

<div class="navbar navbar-default" role="navigation"> 
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span class="sr-only">Toggle navigation</span>&#9776; Menu</button>
<span class="navbar-brand visible-xs-block"><?php echo htmlspecialchars($website_config['website_name']) ?>
</div> 
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<?php foreach($categories as $category): ?>
<?php echo $category['_listItemStart']; ?>      
<a href="<?php echo $category['_link']; ?> "  <?php if($category['_hasChild'] && $category['depth'] == '0'): ?>class="dropdown-toggle" data-toggle="dropdown"<?php endif; ?>  >
<?php echo $category['name']; ?> <?php if($category['_hasChild'] && $category['depth'] == '0'): ?><span class="caret"></span><?php endif; ?>

<?php if( $category['depth'] > 0): ?>
<?php $uploadCount = 0; ?>
<?php foreach ($category['photo_gallery'] as $upload): ?>
<?php $uploadCount++ ;?>
<?php if ($uploadCount == 1): // first image ?>
<img src="<?php echo $upload['thumbUrlPath'] ?>" class="thumbnail" width="100%" alt="<?php echo htmlspecialchars($upload['info3']) ?>" />
<?php endif ?>
<?php endforeach ?> 
<?php endif ?>
</a>
<?php echo $category['_listItemEnd']; ?>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>

Hi Jeff

Great :)

One thing you could look at is condensing a bit of the code if you like. This is not a requirement; it's just a suggestion on how to use less code.

Instead of initializing, then incrementing and finally checking a $counter variable to see if you are on the first image, you can actually do it in one line:

if (!@$counter++) { continue; }

This would go right after the "foreach" loop displaying you image like this:

<?php foreach ($category['photo_gallery'] as $upload): ?>
<?php if (!@$counter++) { continue; } ?>

And then you can remove these four lines:

<?php $uploadCount = 0; ?>

<?php $uploadCount++ ;?>

<?php if ($uploadCount == 1):?>

<?php endif ?> 


Give that a shot if you like and let me know how you make out.

Thanks!