{#
Renders exactly one photo card (caption/icons/hover effect/border/shadow/
watermark/social sharing - no popup, no lazy load, no lightbox wiring) for
the small AJAX-refreshed thumbnail at the top of the gallery Settings page
(.gg-detailed-info-preview). Reuses the same helpers.twig include the real
gallery loop uses per photo (shortcode/gallery.twig's {% block photos %}),
so this shows precisely what the frontend will render - not an approximation.
#}
{% import '@galleries/shortcode/style.twig' as style %}
{% import '@galleries/shortcode/gallery.twig' as galleryMacros %}
{% if gallery.photos is not empty %}
{% if environment.isPro() and settings.watermark is defined %}
{# Real GD image processing (GridGalleryPro_Galleries_Attachment), not a
CSS trick - populates the same shared Twig-function-bound instance
settings.twig's own {% block preview %} uses for the static thumbnail,
just from the live posted (possibly unsaved) values instead of the saved
ones. Every get_attachment() call inside helpers.twig below then
automatically returns a watermarked URL. #}
{{ set_attachment_settings('watermark', settings.watermark) }}
{% endif %}
{% if settings.icons is defined and settings.icons.enabled == 'true' %}
{% endif %}
{#
saveNewPlugin/useFreePluginView gate every Caption-Builder-vs-legacy
branch throughout helpers.twig, but are never computed there - the
real frontend only ever gets them from gallery.twig's own top-of-file
{% embed %} setup (lines ~3-26), which this template intentionally
never includes (it would pull in the whole gallery wrapper, wookmark
markup, pagination, etc. for what's meant to be a single bare photo).
Replicated verbatim here so a photo actually renders in Caption
Builder mode when it's enabled instead of always falling back to the
legacy caption panel. #}
{% set useFreePluginView = 'false' %}
{% set saveNewPlugin = 0 %}
{% if settings.captionBuilder is defined %}
{% if settings.captionBuilder.icons.enable == '1' and settings.captionBuilder.icons.enableOldCompatibility == 1 %}
{% set useFreePluginView = 'true' %}
{% endif %}
{% if settings.captionBuilder.background.enable == 1
or settings.captionBuilder.title.enable == 1
or settings.captionBuilder.description.enable == 1
or settings.captionBuilder.icons.enable == '1'
%}
{% set saveNewPlugin = 1 %}
{% if settings.captionBuilder.enabled is empty %}
{% set settings = settings | merge({
'captionBuilder': (settings.captionBuilder | merge({'enabled' : 1}))
}) %}
{% endif %}
{% endif %}
{% endif %}
{#
@galleries always resolves to THIS (Free) plugin's own views dir -
Pro's helpers.twig is not an override reachable through that same
namespace, it's a separate file (@galleries_pro/shortcode/helpers.twig)
that {% embed %}s this one as its base and overrides specific blocks
(including every Caption-Builder-aware block above). A plain
'@galleries/shortcode/helpers.twig' include here would silently render
only the legacy/Free markup even with Pro active and Caption Builder
on - so pick the file explicitly instead of relying on namespace
resolution to find the override. #}
{% include (environment.isPro() ? '@galleries_pro/shortcode/helpers.twig' : '@galleries/shortcode/helpers.twig') with {'gallery': gallery, 'photo': gallery.photos[0], 'settings': settings, 'index': 0, 'saveNewPlugin': saveNewPlugin, 'useFreePluginView': useFreePluginView} only %}
{% if environment.isPro() and settings.socialSharing is defined and settings.socialSharing.enabled and settings.socialSharing.imageSharing.enabled and socialIcons %}
{# .supSocialIcon*/.supSocialIconsWrapper* only exist in
grid-gallery.galleries.frontend.css, a frontend-only stylesheet
never enqueued on wp-admin pages - loading that whole file here
broke unrelated admin styling, so just the rules these icons
actually need are reproduced below, scoped to this preview. #}
{# On the real frontend these are cloned into every figure by JS
(Gallery.prototype.initImageSocialSharing) rather than rendered by
Twig - there's no live Gallery JS instance here, so this hidden copy
gets appended into the figure by initCaptionPreview()'s own JS
instead, matching where the real clone step puts it (a direct child
of , for the absolute-positioned wrapper classes to anchor to). #}
{% else %}
{# helpers.twig's real "import-to-gallery" links open the media uploader
via a click handler that expects data-gallery-id (see settings.twig's own
"Add Images" button) - this one never had it, so the href="#" just did
nothing. Plain text instead of a dead link. #}
{{ translate("There're no images in the gallery.") }}