Customizing Single Product Pages

The Single Product template controls how an individual product is displayed in your WooCommerce store. It combines a collection of WooCommerce blocks that allow customers to view product images, information, pricing, variations, and purchase options, all in one customizable layout.

This template can be edited in the Site Editor, where you can rearrange, style, or replace any of the included blocks to match your brand and improve the product browsing experience.

Access the Single Product Template

↑ Back to top

You can access this template from your WordPress Dashboard by going to:

  • Appearance > Editor
  • Click Templates, select WooCommerce > Single Product
Single Product Template

Inner Block Structure of Single Product Template

↑ Back to top

The Single Product template is made up of several inner blocks, each serving a specific purpose.

Inner BlockPurpose
Store BreadcrumbsDisplays a navigation trail for easy browsing.
Store NoticesDisplays shopper-facing notifications from WooCommerce or extensions.
Product GalleryDisplay product media in gallery view
Product TitleShows the name of the product.
Product RatingDisplays the average customer rating.
Product PriceDisplays the current product price.
Product SummaryShows a short product description.
Add to Cart with OptionsDisplays a button so the customer can add a product to their cart.
Product MetaDisplays additional details like SKU, categories, and tags.

By editing the Single Product template, you can fully customize how your product pages appear to your customers, ensuring they align with your brand and provide the best shopping experience.

Creating a Template for a Specific Product

↑ Back to top

You may want a product to have its own unique layout, different from the default Single Product template. This is possible by creating a template for a specific product.

Creating a product-specific template lets you tailor the design and content for special cases, such as highlighting a flagship or premium product, providing more detailed descriptions, showcasing custom images, or adding unique calls to action.

To create a product-specific template, please follow the steps below:

  1. In your WordPress dashboard, go to Appearance > Editor
  2. Select Templates > WooCommerce
  3. In the top-right corner, click the Add Template button
  4. Choose “Single item: Product
  5. A modal window will appear where you can select the product for which you want to create a unique template.
  6. Once selected, the Site Editor will open a blank template for you.

You can use the Single Product Block, patterns, style the layout to match your brand, add custom content that applies only to this product, and rearrange blocks as needed.

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.