Jessar PDP · concept options

Gallery image overlays — pick a style

Four ways to put an editorial headline + supporting line on a product-gallery image, in the Caraway spirit but in Jessar's Soft-Modern look. All four are powered by the same metaobject — your team writes the words (English + French) in Shopify admin, picks a style, and the page renders it. No designer, no re-render. Toggle the language to see the text switch.

Same image & copy across all four — so you're comparing the treatment, not the content.
ACaption band

Editorial band below the image. Closest to the Caraway reference you flagged. Text never fights the photo, reads beautifully on any image (light or dark), and the band can carry your scheme colour. Safest, most legible — the workhorse.

air fryer
Smart Touch, eight presets
The control
A full-colour touchscreen takes the guesswork out — fries, fish or a quick reheat in a single tap.
BEditorial overlay

Text on the image, over a soft gradient. Most immersive — image and message read as one. Best on lifestyle / in-context shots with a darker lower third; needs a gradient scrim so the words always hold. Premium and modern.

air fryer
The control
Smart Touch, eight presets
A full-colour touchscreen takes the guesswork out — one tap to dinner.
CSplit feature

Image one side, text panel the other. A magazine spread. Great for a hero "feature spotlight" slide where the copy deserves room. Image side can flip left/right per entry. Reads as deliberate and high-end.

air fryer
The control
Smart Touch, eight presets
A full-colour touchscreen takes the guesswork out — fries, fish or a quick reheat in a single tap.
DQuiet caption

A small, restrained chip in the corner. The lightest touch — labels a detail without dominating the image. Good when the photo is the star and you just want a quiet pointer. Subtle, confident, never busy.

air fryer
The control
Smart Touch, eight presets
My read: A (Caption band) as the default — it's the most legible and most Caraway. B (Overlay) for lifestyle/in-context shots. They cover 90% of cases and can coexist (the style is set per entry). C and D are there if you want the range.

How it's powered — one metaobject

A “Gallery Overlay” metaobject holds the image and its words. Each product gets a list of them (jessar.gallery_overlays), in order. Your team adds/edits entries in admin — image, copy, language, and which style — and the PDP renders them. The style field switches between A / B / C / D per entry, so one product can mix a band and an overlay. EN/FR is handled by Shopify's translation layer (Translate & Adapt) on the same fields.

Metaobject · Gallery Overlay
imagefile_reference
eyebrowsingle_line
headlinesingle_line
bodymulti_line
styleA · B · C · D
image_sideleft / right (C)
Product metafield
jessar.gallery_overlayslist.metaobject
An ordered list of Gallery Overlay entries. Empty → nothing renders (fail-closed). Reorder by dragging in admin. Reuse an entry across products if the shot is shared.
Editable in admin Bilingual EN/FR No re-render Per-product

Why a metaobject (not plain metafields): it keeps the image + its caption + its style together as one reusable unit, lets a product carry any number of captioned images, and avoids the brittle job of matching loose text to gallery slots. Simpler metafield-only version is possible if you'd rather — it just caps you at a fixed slot per product.

Concept artifact for selection. Copy shown is illustrative (air-fryer touchscreen). On the live theme each overlay renders from the metaobject — wording, language, image and style all controlled in Shopify, the photography untouched.