Gallery Benefits Box

An optional overlay box on the product gallery image with up to 3 short facts, each with an icon:

✓ Machine-washable print · ✓ Heavy 190 gsm cotton · ✓ Printed in Germany

It addresses buying doubts right where the eye rests - on the image. It is off by default and should stay off unless it earns its place: on design-led products the image IS the product, and covering it costs more than the facts gain. Test before using.

Settings live on the Media Gallery block (Product Section → Media Gallery → "Benefits box (image overlay)").

Content

• 3 rows, each with a Google Material icon name (e.g. check, verified, local_laundry_service) and a short text. Empty text hides the row; all rows empty hides the box.
• Keep texts short and factual - this is a glance element, not a paragraph.

Placement

• Show on: First image only (recommended) or all images.
• Position: One of the four corners. Pick a different corner than your product badges (Sale etc.) so they never overlap.
• Show on desktop / mobile: Separate switches - on mobile the image is small, so the box is off there by default.

Layout

• Stacked (rows): one box, facts on top of each other (default).
• Side by side (wraps): all facts in one line inside the box - flatter, good for wide images; wraps on narrow screens.

Style

Background color with an opacity slider (default white at 90%), text and icon color, text size desktop/mobile, icon size, corner radius, inner padding, and distance from the image edge.

Behavior notes

• The box is purely informational: clicks pass straight through to the image, so click-to-open-lightbox keeps working underneath it.
• In the lightbox itself the box does not appear - it lives on the gallery image only.
• The box does not render on product cards in collections, recommendations or search - product page gallery only.

Honest use

Only facts that are true for the product. No invented scarcity, review counts or certificates - if a claim needs a source, it does not belong in a glance box.