Category page

Note: This design specification is still in development. If have any feedback or would like to join the PWA conversation, please join our Slack channel.


See the interactive mockup for a preview of the homepage layout.

Page states

The category page handles the following Page states:

  • Refresh
  • Offline
  • Revisit
  • Cached


The following components make up the category page:

The following table shows a visual breakdown of these components.

Components Reference image
Header Header image
Title bar Title bar image
Main image Main image image
Filter / Sort
Number of items
Filter bar
Product listing Product listing image
Show more Show more image
Footer Footer image