Single product page builder

Single product layouts let you replace the standard product-page content without editing theme files. You can create one layout for the entire catalog or use different designs for particular products, categories, brands, attributes, or product types.

Create a single product layout

1. Navigate to Dashboard -> Layouts -> Single product and click the add button.

2. Enter the layout name and configure its conditions.

3. Choose a predefined design or start with a blank layout, then click Create layout.

4. Build the page with Single product elements and regular blocks or widgets, then publish it.

Set layout conditions

Use Include and Exclude conditions to control which products use the layout. Available targets include all products, an individual product, product category, child categories, tag, brand, attribute, and product type.

A common setup is one layout with All products and additional layouts for selected categories or products. More specific matching conditions take precedence over the general layout.

Single product elements

Each element displays information from the product currently being viewed. Add only the elements required by the design and configure their layout and styling directly in the editor.

Main product information

• Product title — displays the current product name.
• Product price — displays the regular, sale, or variable price.
• Product rating — displays the average star rating and review count.
• Product gallery — displays the featured image, gallery images, thumbnails, zoom, and other configured gallery behavior.
• Product navigation — displays links to the previous and next products.
• Product short description — displays the WooCommerce short description.
• Product content — displays the full product description.
• Product brands — displays the brands assigned to the product.
• Product brand information — displays the description or other information from the assigned brand.

Purchase and inventory

• Product add to cart — outputs the appropriate purchase form for simple, variable, grouped, or external products.
• Linked variations — displays products connected through the Linked variations feature.
• Product countdown — counts down to the scheduled end of a sale price.
• Product sold counter — displays the configured recent-sales count.
• Product visitor counter — displays the configured visitor activity for the product.
• Product dynamic discounts table — displays quantity-based discount rules available for the product.
• Product stock status — displays whether the product is in stock, out of stock, or on backorder.
• Product stock progress bar — visualizes the remaining stock based on the feature settings.
• Estimate delivery — displays the calculated delivery estimate.
• Price tracker — lets customers subscribe to product price notifications.

Product details and additional content

• Product additional information table — displays product attributes, weight, and dimensions.
• Product meta — displays standard metadata such as SKU, categories, and tags.
• Product meta value — displays a selected product meta field.
• Product tabs — outputs product description, additional information, reviews, brand information, and configured custom tabs.
• Product reviews — displays the reviews list and review form independently from Product tabs.
• Product extra content — displays the HTML Block assigned in the product’s Extra content field.
• Frequently bought together — displays the configured group of complementary products.

Actions and labels

• Add to wishlist button — adds the product to the customer’s wishlist.
• Add to compare button — adds the product to the comparison table.
• Size guide button — opens the size guide assigned to the product.
• Product label — displays one selected product label.
• Product labels — displays the complete set of applicable labels, such as Sale, New, Featured, and custom labels.

Regular WooCommerce and WoodMart elements can provide breadcrumbs, notices, social buttons, related or upsell products, banners, and other supporting content around the product information.

Plugin compatibility

A custom layout does not automatically include every WooCommerce PHP hook used by third-party plugins. If plugin content is missing, see WooCommerce hooks and plugin compatibility.

Video tutorial