📷

Image galleries

Tap any tip to open toggle ⚡ some gifs may take a moment to load

Featured ideas 🦄 are rare ideas you may not have seen before ;-)

❓FAQ

‣

❓Should you use left vs bottom alignment for thumbnail images?

💡 Ideas and tips

Gallery layout & effects

Ideas marked with ⚠️ are cool but may negatively impact accessibility and/or web performance

‣

Make your navigation markers super obvious

‣

Try the peekaboo trick on mobile

‣

Quantify how many images are hidden from view

‣

Pin your buy box as user scrolls your expanded gallery

‣

🦄 Include value prop copy inside gallery frame

‣

🦄 Try a one-liner value prop above the image gallery

‣

Consider a zoom CTA

‣

🦄 Try a picture-in-picture video effect

‣

🦄 Swap variant gallery inside zoom

‣

⚠️ Video background

‣

⚠️ Autoscrolling image gallery

🖥️ Desktop layouts

‣

Floating buy box (right side)

‣

Centered floating buy box

‣

3-panel with centered gallery

‣

Fully expanded gallery (no nav markers)

‣

2-panel gallery (with nav markers)

‣

2-panel with left pin/right scroll

‣

Niched Buy Box

Image ideas

‣

🦄 Try an Instagram-like story progression

‣

🦄 Try text annotations over images

‣

Try an animated primary image

‣

Show a diverse series of “products in context”

‣

🦄 Use an interactive product compare slider

‣

Include an “infographic” in gallery

‣

Build an infographic product tour

‣

🦄 Try interactive “hotspot” product tours

‣

Try an embedded “infomercial”

‣

🦄 Try 360 auto-rotation on primary image

‣

🦄 Include an animated AR tile for Virtual Try On

‣

🦄 Try nudge effect on your AR tile

‣

🦄 Try a this-to-that slider

👗 Apparel specific

‣

🦄 Try a “Change Model” toggle feature

‣

🦄 Try a “Grand entrance” video

‣

Try a “Style it With” button

‣

🦄 Add liveshopping video clips to image galleries

‣

🦄 Annotate model specs for each gallery image

PDP infographic inspo

‣

Alo Yoga: Highlight garment features

‣

Amika: How to use the product, in steps

‣

Amika: Value size comparison

‣

Amika: Product feature bullets

‣

Briogeo: Product line bundle highlights

‣

Cotopaxi: Animated infographic

‣

Four Sigmatic: Subscription savings callout

‣

Four Sigmatic: Health benefits

‣

Ooni Oven: Show product dimensions

‣

PetSmart: Inject some humor

‣

Proclamation: Interactive infographic

‣

Rothys: Romance the features

‣

Tortuga: Practical size context

‣

Versed: Ingredient callouts

Theme layouts and effects

🫣 Cautions

‣

Be careful with horizontal scroll bars and “ghost dots”

Back to Product page ideas

👉 Follow on LinkedIn for daily ideas 💡