{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">
        <a
                data-id="{if $row.alias}{$row.alias|htmlspecialchars}{else}image-{$row.id}{/if}"
                href="{$row.image|image_fs:$item->config.image.width:$item->config.image.height:$item->config.image.method}#{if $row.alias}{$row.alias|htmlspecialchars}{else}image-{$row.id}{/if}"
                rel="gallery"
                class="masonry-item__image fancybox"
                title="{$row.title|htmlspecialchars}"
                style="max-width:{$item->config.thumbnail.width}px;"
                data-fancybox="images"
                data-caption="{$row.title|htmlspecialchars}{if $row.description} - {$row.description|htmlspecialchars}{/if}"
        >
            {html_image_fs
            name = $row.image
            width = $item->config.thumbnail.width
            height = $item->config.thumbnail.height
            method = $item->config.thumbnail.method
            alt = $row.title
            title = $row.description|default:$row.title
            }
        </a>
        <h3 class="masonry-item__title">{$row.title|htmlspecialchars}</h3>
        {if $row.description}<div class="masonry-item__description">{$row.description|htmlspecialchars}</div>{/if}
    </div>
    {/foreach}
</div>
{else}
    <div class="empty">No items at this time</div>
{/if}