Templates

Templates are arrangements of blocks that determine the appearance and layout of multiple posts, pages, and products. 

You can create custom templates or use templates provided by your theme or a plugin. When you make changes to a template, the editor updates the blocks on all pages/posts that use the template. 

More information about the Template Editor can be found here.

WooCommerce Templates

↑ Back to top

WooCommerce includes a selection of templates that control the appearance of your store. To view all available templates provided by WooCommerce:

  1. From your WP admin dashboard, navigate to Appearance > Editor.
  2. Click on “Templates“.
  3. In the bottom of the left sidebar menu, click to “Manage All Templates“
  4. In the left sidebar, click “WooCommerce“

Alternatively, you can access any template directly using the editor command palette:

  1. From your WP admin dashboard, navigate to Appearance > Editor.
  2. On your keyboard, press Cmd+k on Mac or Ctrl+k on Windows.
  3. Alternatively, if you’re already editing a template or template part, you can click the template title to search for commands:

All WooCommerce Templates

↑ Back to top

WooCommerce currently provides a collection of customizable templates out of the box, these are:

  • Single Product
  • Product Catalog
  • Product Search Results
  • Products by Attribute
  • Products by Category
  • Products by Tag
  • Order Confirmation
  • Page: Cart
  • Page: Checkout

WooCommerce templates are customizable. You can move blocks around and add further blocks around them to extend and customize the template. You can also create custom templates to be used for specific individual products, or specific categories of products.

If your theme comes with any of the above templates, they will automatically override the WooCommerce default ones.

Developers! If you’d like to override the default WooCommerce block templates in your custom block theme, you can achieve this by placing your customized versions of the WooCommerce templates within your theme’s /templates directory. See all the block template files that ship with WooCommerce here on Github.

Read more details in the WordPress documentation.

Clearing Template Customizations

↑ Back to top

In some cases the easiest way to move forward with customizing a template is to clear all your previous changes and reset the template back to its default state. There are several ways to achieve this!

To clear all the customizations you have made to a template:

  1. From your WP admin dashboard navigate to Appearance > Editor,
  2. Click on “Templates“,
  3. In the bottom of the left sidebar menu, click to “Manage All Templates“,
  4. Templates which have been customized will have an icon of a clock with a counterclockwise arrow around it.
  5. Click the icon (labeled “Reset“) to clear customizations for that template.

Alternatively, you can:

  1. Open the Editor,
  2. Click on “Templates“,
  3. Select/Open the template with the customizations you want to clear,
  4. Click on the three dots menu next to the template name,
  5. Click “Clear customizations”.

Clearing the customizations you’ve made to a template returns the template to its default state.

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. Searching there 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 Woo Marketplace.
  • Need ongoing advanced support, or a customization built for WooCommerce? Hire a WooExpert agency.
  • 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! 🙏