{if count($item->list)}
    <div id="{$item->containerId|htmlspecialchars}" class="masonry">
        <div class="masonry-item-sizer"></div>
        {foreach from=$item->list item='row' name='images'}
        <div class="masonry-item">
            {if $row.image}
                {assign var="image" value=`$row.image`}
            {else}
                {assign var="image" value="image-not-available.png"}
            {/if}
            <a href="{$CURRENT_PAGE|htmlspecialchars}/{$row.alias|htmlspecialchars}" class = "masonry-item__image">
                {html_image_fs
                name = $image
                width = $item->config.image.width
                height = $item->config.image.height
                method = $item->config.image.method
                alt = $row.title
                title = $row.description|default:$row.title
                }
            </a>
            <h3 class="masonry-item__title"><a href="{$CURRENT_PAGE}/{$row.alias|htmlspecialchars}">{$row.title|htmlspecialchars}</a></h3>
            <div class="masonry-item__description">{$row.photoCount} photos</div>
        </div>
        {/foreach}
    </div>
{else}
    <div class="empty">No items at this time</div>
{/if}