Product Detail Page
Gallery Thumbnail Placement: Left or Below A/B Test
Vertical and horizontal thumbnail strips divide the gallery area differently. This can change both which thumbnails are visible and the space left for the main image. Compare two fixed layouts and interpret the connected size changes as part of the layout, not as position alone.
A/B test scenario. This page is a test plan, not the result of a real experiment.
- Product page
- Add-to-cart rate
Variant A vs Variant B
Where it sits is the variable; the element itself does not change.
- Changed
- Placement
- Page
- Product page
- Difference
- moved
Hypothesis
If thumbnails are easy to spot and the main image still has enough room, visitors may examine the product more comfortably before adding it to cart. Of the left vertical and bottom horizontal layouts, the one that strikes that balance better could come out ahead on add-to-cart rate per assigned visitor.
Test plan
When to run this test
This test fits when the product gallery shows signs that thumbnails get missed or the main image feels cramped, such as low gallery interaction, usability feedback that the images are too small, or recordings of visitors who leave without finding the other images. Visitors who get the better-suited layout should look at the product closely enough to add it to cart more often. If visitors reach the images and still do not add, the layout is probably not the problem; look at image quality and content first.
How to measure success
Add-to-cart rate
Compare successful add-to-cart events per assigned visitor across the two gallery layouts.
Also track
- Gallery interaction rateCheck whether more visitors inspect multiple images.
- Images viewedMeasure actual image visibility; fewer views are not automatically worse.
- Purchase conversion rate (CR)Compare purchases per assigned visitor.
- Return rateTrack returns over the same follow-up period.
How to set it up
- PlacementCompare vertical thumbnails on the left with horizontal thumbnails below; the result applies to the layout as a whole.
- VisibilityRecord how many images are visible without scrolling.
- Main image sizeRecord the main image area in each layout; this difference is part of the layout change.
- DiscoverabilityReview gallery interactions and usability feedback.
- DeviceAnalyze devices where the layouts differ and report their results separately.
What to watch when reading the result
- 1Gallery interaction rate and images viewed are diagnostics, and fewer images viewed is not automatically worse, since visitors may have found what they needed in the main image. Add-to-cart rate is the deciding metric; also check purchase conversion and returns once both arms have had the same follow-up time.
- 2The result belongs to each layout as a whole, including the difference in main image area. Do not apply a desktop result to the mobile gallery; report only devices where the layouts actually differ, each on its own.
- 3Before analysis, confirm that both layouts show the same number of images, that thumbnails are easy to tap and that keyboard navigation through the gallery works. If one of these breaks, the gap may reflect a usability fault rather than the layout.
- 4When the two layouts end up close, first use the A/B test significance calculator to see whether the gap is within sampling noise. If it is, they may simply perform about the same on this page, and you can pick the one that is easier to maintain.
Frequently Asked Questions
Does a different main-image size invalidate the test?
No. Differences caused by the layouts are part of their overall effect. Record the main-image area in each layout rather than independently varying image size. Use successful add-to-cart rate as the primary outcome.
Is viewing fewer images necessarily a bad sign?
No. Record actual image exposure and visible thumbnails. Judge the result by successful additions to cart per assigned visitor.
What should I check when preparing thumbnails?
Keep them large enough to use, preserve the image count and verify keyboard gallery navigation. Do not change image quantity alongside layout.
Can a desktop result be applied to mobile?
No. Analyze only devices where the layouts actually differ and report their results separately. Combine gallery interaction data with usability feedback.
More tests in Product Detail Page
All testsProduct Measurement Line on PDP A/B Test
Product pageScale-related return rate
Add a measurement line beside the product image and compare it with no scale cue, tracking conversion and size-related returns.
Product Description: Expanded or Collapsed A/B Test
Product pageAdd-to-cart rate
A structural experiment comparing a fully expanded description against a collapsed accordion. Read the trade-offs on both sides, plus setup and KPI.
Testing Decisive Recommendation Wording on Product Pages
Product pagePurchase conversion rate (CR)
An experiment example: neutral option listing against a definite recommendation such as this one suits you. See both arms, the stated risks and the KPI.