Customizing the Product Catalog Template

The Product Catalog template controls the layout and design of your store’s main Shop page. By default, this page displays all published products in your store. Using the Site Editor, you can customize the Product Catalog template to reflect your brand, highlight key products, and create a shopping experience tailored to your customers.

This template is powered by the Product Collection block, which dynamically displays products. You can rearrange, style, or extend it with additional blocks, patterns, and filters.

Access Product Catalog Template

↑ Back to top
  1. From your WordPress dashboard, go to Appearance > Editor
  2. Select Templates > WooCommerce
  3. Choose Product Catalog

Note: The Product Catalog template takes priority over the Shop page. If you’ve made edits directly to your Shop page and they aren’t appearing on the frontend, it’s likely because this template is overriding them. To customize your shop’s appearance, edit the Product Catalog template instead.

Powered by the Product Collection Block

↑ Back to top

The Product Catalog template is powered by the Product Collection block, which displays your products in a customizable grid or list.

By default, this block shows all published products, but you can adjust its settings to control layout, styling, and product display to fit your store’s needs. You can learn more about the Product Collection Block in the guides below:

Inner Blocks of the Product Catalog Template

↑ Back to top

By default, the Product Catalog template includes several inner blocks that work together to create the Shop layout.

BlockPurpose
Store BreadcrumbsDisplays a navigation trail for the current page.
Archive TitleShows the name of the current archive.
Term DescriptionDisplay the description of categories, tags, and custom taxonomies when viewing a catalog.
Store NoticesDisplay shopper-facing notifications (e.g., “Product added to cart”) from WooCommerce or extensions.
Product Results CountShows the number of products from the catalog or search result page.
Catalog SortingAllows customers to reorder products by various criteria.
Product CollectionDisplays a grid of products in the selected category.

Adding Product Filters

↑ Back to top

To improve navigation and help shoppers find products faster, add the Product Filters block to your Product Catalog template. Customers can refine products by:

  • Price range
  • Product Rating
  • Attributes
  • Stock Status
  • Category
  • Brand
  • Tag

Questions and support

↑ Back to top

Do you still have questions and need assistance? 

This documentation is about the free, core WooCommerce plugin, for which support is provided in our community forums on WordPress.org. By searching this forum, you’ll often find that your question has been asked and answered before.

If you haven’t created a WordPress.org account to use the forums, here’s how.

  • If you’re looking to extend the core functionality shown here, we recommend reviewing available extensions in the WooCommerce Marketplace.
  • Need ongoing advanced support or a customization built for WooCommerce? Hire a Woo Agency Partner.
  • Are you a developer building your own WooCommerce integration or extension? Check our Developer Resources.

If you weren’t able to find the information you need, please use the feedback thumbs below to let us know.

Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.