O'Reilly logo

Magento Responsive Theme Design by Richard Carter

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive category page layout

The category page, which lists related products, is a core component of many ecommerce websites. A well-designed category page allows your customers to find the product they're looking for more easily, and this is especially important when considering both mobile and desktop users viewing the same responsive page.

Magento provides two methods for your customers to view products:

  • List view: In this view, products are displayed one under the other
  • Grid view: In this view, products are displayed in rows across the page, and then down the page

Tip

Before you begin with the category page, ensure that you have a number of products and categories added to your Magento store.

Category list view

If you view your store's category ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required