Scroll to explore
Gymshark collection page, mobile screenshot: Image cards linking to sub-categories above the product grid
(COLLECTION_PAGE_)
12 / 29
Best practice UXSEOCRO

Image cards linking to sub-categories above the product grid

Gymshark Collection page
View live example
01

What they do

Above the grid, a carousel with a card for each fit and style: Compression Fit, Muscle Fit, Oversized, Stringers. Each has a model shot and one line on what it is ("Super tight fit, like a second skin...").

02

Why it works

Someone who searched "gym t-shirts" often wants something narrower, and the cards get them there in one tap rather than scrolling 374 products. They're also crawlable links to the sub-collections, so the navigation and the SEO are the same thing.

03

Makes sense when

Broad collections with real sub-collections and photos that tell them apart. If the sub-categories all look the same, eight cards just add another thing to read.

Want this on your store?

I'll tell you which of these patterns will move organic revenue for your catalogue, and which to skip.

Book a discovery call