# Second Product Image on Listing Cards A/B Test

Page: https://alidemirbas.com.tr/en/lab/ab-test-library/tests/second-product-image-on-listing-cards-ab-test

## Hypothesis

If shoppers can switch to a second image on the card themselves, they may see the product from another angle and answer some of their questions without opening the product page. The category-page purchase conversion rate could rise even if listing-to-product clicks go down.

## When to run this test

If session recordings show visitors trying to swipe or hover over card images, if people open a product page only to look at the other images and go back, or if customers ask how the product looks from another angle, one image may not be enough to judge a product. If a second image fills that gap, shoppers switch images on the card, some add straight from the listing, and purchases rise. If the listing is already slow, fix the speed first, and before launch confirm that the extra images are lazy-loaded and do not slow it down.

## Primary metric

**Category-page purchase conversion rate**: Compare purchases among visitors who view a listing with the second-image option.

## Other metrics

- **Product-card interaction rate**: Track how many visitors change the image.
- **Listing add-to-cart rate**: Check whether more visitors add from the listing without opening product details.
- **Listing-to-product click-through rate**: Fewer detail visits may mean some questions are answered on the card; read this alongside purchases.
- **Page load time**: Make sure extra images do not slow the listing.

## What to check before and during the test

- **Change**: Add a way to switch to a second image on product cards.
- **Keep constant**: Keep card design, product order, prices and other details unchanged.
- **Behavior**: Track product-page visits and purchases together.
- **Device**: Define mobile swipe and desktop hover behavior in advance, then review each in its device context; this is not a swipe-versus-hover comparison.
- **Separate tests**: Test automatic transitions, image count or the type of second image separately.

## What to watch when reading the result

- Fewer listing-to-product clicks are not a bad sign by themselves; decide on the category-page purchase conversion rate. Even if the product-card interaction rate or the listing add-to-cart rate goes up, that does not support a rollout when purchases do not rise or page load time gets longer.
- Treat the result as valid only for the listing page you tested; read the mobile swipe and desktop hover effects each on their own device, since this test does not compare the two gestures. Image changes should stay under the shopper's control, and swiping should not interfere with page scrolling. The second image should show the same color variant as the product on the card; a different color misleads shoppers and skews the result.
- A flat conversion result does not make the second image ineffective; read whether the conversion gap is significant from the p-value the [A/B test significance calculator](https://alidemirbas.com.tr/en/calculators/ab-test) reports, and log the result as inconclusive if it is not. Do not draw conclusions about automatic transitions, image count or image type from this result; test those separately.

## Frequently Asked Questions

### How should a second card image work on mobile and desktop?

Define swipe and hover behavior for their respective devices. Provide keyboard and single-pointer alternatives where needed. This test does not compare swipe against hover across different populations.

### Are fewer product-page visits necessarily bad?

No. The second image may answer questions on the card. Use purchase conversion as the primary outcome and treat detail-page visits as diagnostic.

### Can extra images slow the listing page?

Yes. Optimize and defer appropriate secondary images, then monitor performance. Interpret the result as the tested experience, including its loading cost.

### What should the second image avoid?

Do not misleadingly show another color variant. Keep image changes user-controlled and prevent horizontal image gestures from conflicting with vertical page scrolling.
