🩱 Skims uses the left-aligned, vertically positioned thumbnail gallery

👀 A horizontal row of thumbnails is easy to see on mobile, even below the mobile fold. If you choose left-hand, vertical alignment on desktop, make sure they reflow to horizontal presentation on mobile (vs. collapsing to a scrollbar or dots)

☕ David’s Tea puts its markers in white circles. No matter the background, these are easily recognized as gallery navigation control

🛞 Crutchfield’s marker icons are hard to miss

👗 Ashley Stewart combines dot indicators with < and >. Placing them below images ensures they don’t overlay images in a way that hurts their visibility

👗 Lulus places its dots close together, making them harder to tap (if you notice them at all)

💋 Showing the second image peeking suggests there’s more to swipe through. (If using this approach, make sure the second image is not full white background or it will be invisible!)

💡 LampsPlus shows X+ more images in the last slot of its thumbnail carousel

🧘🏾‍♀️ Alo Yoga keeps the Buy Box visible as you vertically scroll through its expanded gallery (this GIF may take a few moments to load)

🍳 Caraway shows static, scannable value prop blurbs and icons with the image gallery

💡 Another example from Ruggable

🪒 Manscaped pulls out a single value prop and highlights on the left side (desktop only)

🛞 Crutchfield highlights a soundbite from its expert reviewer above the image gallery

🔎 Remind customers they can enlarge images with a zoom badge

👟 Kizik’s value prop is “step right in.” Rather than rely on customers to scroll through the gallery to discover the video, it places it front-and-center with a picture-in-picture effect

🦷 Huppy also tries this tactic demo’ing their chewable toothpaste tabs - but they use a .gif animation instead of .webm — this could be improved

Mobile view:

🦅 American Eagle Outfitters lets you swap image galleries within the zoom experience (desktop only, but creative designers may be able to find a mobile-friendly solution!)

Check out a more detailed demo - (the GIF above is super short to keep file size reasonable!):

🍹 Aplos runs a video background on its PDPs (see video demo below for different PDP examples) — keep in mind the impact on web performance this tactic may have

Carl Friedrik autoscrolls through its image gallery like a conveyor belt. Users can speed up or control by click-and-drag (desktop) or touching (mobile) the gallery

Desktop view:

👟 On lets you scoll through its image gallery as the Buy Box hovers above - it’s a unique way to design your PDP!

👖 Another example from Diesel

👗 Coperni’s PDP slides product images behind a floating buy box, leaving a peek of the previous image to the right

👗 A number of haute couture brands are leading this trend - of course this doesn’t translate to mobile. Make sure to A/B test this as any unconventional design pattern can confuse customers

☠️ DedCool’s triple panel desktop panel is dead cool.

👟 Famous Footwear shows all product images at a glance, making it easy to scan all at once

👟 Famous Footwear’s expanded gallery on mobile

🕹️ FanGamer’s image “comic book” style image gallery

🦈 Gymshark’s unique layout brings visual interest. You can click or tap any image to enlarge

👢Steve Madden’s gallery scrolls horizontally to show more, which some users may not intuitively understand

👟 DSW makes it easy to see all product angles without a single click or tap

👗 Boohoo shows two images at a time, and two images as you scroll

🧥 Burberry pins its main image and lets you scroll through additional images on the right, with 2 different cases: flat lay outfit + on-model styling

👗 Alexander McQueen using a niched Buy Box PDP pattern

🪒 Every Man Jack’s image gallery flows like a slideshow and tells a story, not unlike popular Instagram carousels (this may take a sec to load…)

🛞 Crutchfield tells a story with an annotated image gallery (this GIF may take a sec to load!)

❤️ LovePop demonstrates the “pop out” effect of its Halloween wreath with an animated primary image. Sometimes a video is worth a thousand images (this may take a moment to load)

💡Tortuga provides a gallery that shows its 2 backpack sizes on models with different height/weight combos

💡Ruggable lets users drag the marker left and right to see the difference between low and high pile height

💡 More users browse your image gallery than read your descriptions. Everlane includes an image slot for an infographic that highlights the product’s top features

💡Tortuga illustrates features and value props with a series of infographics right within the image gallery

🛌🏿 Helix Sleep embeds an interactive widget mid-PDP that describes each key feature of its mattresses

💡Early Majority shows hover-effect hotspots over its product images (this works on Desktop only)

🍳 Caraway uses an extended-playing GIF that serves as an infomercial-like product demo

👜 Gucci’s side-by-side static+rotation view is as avant garde as the fashion house itself

Mobile experience:

👩🏿‍🦱 Cécred applies this “moon landing” effect to many of its PDPs. While this is cool the first time, it does get tiring when browsing products as it delays product information by several seconds every time

👟 Yeezy does it too, but Ye can’t claim it’s his idea - Gucci did it first.

😎 Goodr embeds an autorotating tile representing its augmented reality (AR) feature in its image gallery

👟 If you offer virtual try-on, you may want to nudge users to engage with it, like Loci

💍 Brilliant Earth shows its product to scale on a virtual model, with a skin tone slider to get an even better idea of how an item looks in real life

⌚ Panerai lets you simulate day-to-night to see the watch glow in the dark

🧘🏾 Alo Yoga offers a “change model” feature that swaps each gallery image out for a different set

🐼 PANGAIA lets you flip between Men’s and Women’s styles - and if reach the PDP through a Men’s or Women’s collection, you’ll land on the relevant image set by default

🩱 Savage x Fenty includes model specs

👙 AdoreMe places makes the feature impossible to miss in the Buy Box

🩱 SKIMS recently added a similar feature where you can drill into specific sizes

👖 Seventh toggles between Men and Women models on unisex styles

🌙 Baboon to the Moon lets you toggle through models sporting their backpacks

Mobile view:

👗 Magda Butrym’s models make the PDP feel like a fashion show

👗 Ann Taylor uses Stylitics AI to build dynamic Shop the Look bundles, and anchor links from a Style It badge in the image gallery

💡Pink Coconut Boutique runs liveshopping streams on Meta and repurposes the videos on PDPs

⛰️ REI doesn’t bury model specs in the product description, but puts them in context with each gallery image

⛰️ Same, same for Patagonia!

🪿 Gooseberry places model details in an accordion chip over the image gallery

Desktop view:

Mobile orientation:

Desktop orientation:

🍳 Proclamation lets you tab through its PDP infographic to show the product in context for different size options