Fancybox 3 needed a different data tag in the markup for arrows
to show up on the member detail photo gallery.
<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-3">
{foreach $imageGallery as $i}
<li>
- <a class="glm-member-detail-images-thumb" rel="gallery1" href="{$glmPluginMediaUrl}/images/large/{$i.file_name}" style="background-image: url('{$glmPluginMediaUrl}/images/small/{$i.file_name}')">
+ <a class="glm-member-detail-images-thumb fancybox" data-fancybox="images" rel="gallery1" href="{$glmPluginMediaUrl}/images/large/{$i.file_name}" style="background-image: url('{$glmPluginMediaUrl}/images/small/{$i.file_name}')">
<img class="glm-member-filler-image" src="{$assetsUrl}/filler_s.gif" alt="{$i.caption}">
</a>
</li>