Mobile product grids: one or two products per row?
Single-column mobile listings and oversized cards dramatically increase scrolling. How to size product cards so shoppers see and compare more.
Single-column mobile listings and oversized cards dramatically increase scrolling. How to size product cards so shoppers see and compare more.
A mobile category page showed one oversized product per row, forcing a lot of scrolling. Moving to two per row exposed far more of the range in the same space.
Why density matters
How many products shoppers see before scrolling affects discovery and comparison. On mobile, single-column grids can make browsing feel slow.
RELATED GUIDEGoogle Merchant Center feed optimisation: fix disapprovals and win more Shopping clicks → More sales from the same traffic?Research-led CRO, built and shipped by our developers.Get a free CRO audit →Design a better card
- Two columns for most product types
- Compact image ratio
- Price and rating visible
- Swatches instead of full option selectors
- Tap targets at least 44px
Common mistakes to avoid
How we help with ecommerce
Frequently asked questions
Is one per row ever better?
For very visual or complex products it can be — test it.
Does this affect SEO?
Indirectly through engagement; mainly it’s a UX and conversion lever.
Can you A/B test it?
Yes.