Category page

General

Users can sort category page (e.g. ordering by price, size, "best-sellers", etc)

The sorting feature is shown in the top-right corner above the product list/grid

Category page has clear and understandable (sub)category names

Category page uses relevant category page design (grid view when images are the main decision factor and list view when product attributes are the main decision factor)

Shows exact number of products available on each page (either if the page is filtered or not)

A page description section (cca. 400 words) is on top (visually 90% hidden with "Read more") or on the bottom for SEO purposes

You stay at the same vertical position if you go to product page and then back to category page

Product cards (list)

Relevant (2-3) products are shown per row

Trending, top-rated and best-selling items are shown on top of each category by default

Consistent style of images is used for better scannability (type of images, image background, white space around the products, size of product, angle of photos)

Consistent size of product cards is used for better scannability

The category page clearly shows which product variants (size, color) are available for each specific product

Additional product photos are shown on mouse hover

All key product details are visible - title, pricing, discount, rating, reviews, variants, and attributes - with a CTA button encouraging clicks to the product page

Scarcity on products that are limited in stock is shown

Items out of stock are shown ("You just missed it") so the scarcity above is more convincing

Badges on product image thumbnails are shown (e.g. "Fast delivery","Best-seller", "New", "Top choice", "Trending")

A customer can give their email address if the product is currently not available; they will be notified when it becomes available

Filters

Category page offers easy-to-understand and useful (especially on mobile) filters (applicable only for stores with a large number of products)

The filters are prominent enough (relevant only for stores where users are prone to use filters)

The most popular filters are shown at the top of the filters

Only relevant filters are shown for each category (e.g. screen size for "Monitors" category)

It is clearly visible (especially on mobile) that filters are applied, how many there are and can be easily removed

Users can select multiple filters at once

Filters are shown in a standard position on the left or on top (below the category name)

Relevant selectors are used for different types of filters (e.g. color swatches instead of "blue", price range slider where users can type in the minimum and maximum price insted of a pre-made list of price ranges)