If you have any project questions, concerns, or contribution ideas, join our #pwa Slack channel. Find out how to create an account by visiting Community Resources

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.

Layout

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

Components

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