In WooCommerce websites, single product templates allow you to standardize the design of individual product pages. These templates not only improve user experience but also enhance the professional look of your site. This comprehensive guide will walk you through creating, editing, managing, and deleting single product templates to optimize your WooCommerce product pages effectively.
What is a Single Product Template?
A single product template is a site component that dictates how each product page is displayed.
To access these templates, navigate to Templates > Theme Builder in your WordPress dashboard and select Single Product. Here, you can quickly add, edit, or delete all the WooCommerce single-product templates you’ve created.
💡 Note: Single product templates are designed to apply a layout framework to product pages. They dynamically populate content based on each product’s information rather than directly adding content to the template.
How to Create a Single Product Template
If you haven’t created a single product template yet, follow these steps to build a new one:
- Navigate to Templates > Theme Builder > Single Product.
- Click the Add New button at the top-right corner.
- Use Elementor or another editor to customize the layout and design of the template.
Once you’ve created the template, it will appear in the list of single-product templates for easy management.
Editing an Existing Single Product Template
If you already have one or more single product templates, you can modify them anytime to meet new design needs.
- Locate the single product template you want to edit in the sidebar.
- Click the Edit link at the top-right corner of the selected template.
- Use the Elementor editor to adjust the layout, fonts, colors, and other design elements.
This process allows you to fine-tune product pages without affecting other pages on your site.
Managing Display Conditions for Single Product Templates
Each product template can have display conditions that define where the template is applied.
- Find the desired template in the sidebar.
- Click Edit Conditions at the bottom-left corner of the template.
- Use the Display Conditions editor to specify where the template should appear (e.g., only for products in specific categories).
💡 A small indicator at the top-left corner of the template shows its status:
- A green dot means the template is live and has assigned display conditions.
- A gray dot indicates the template is a draft without assigned display conditions.
Viewing Template Instances
Each product template includes an Instances tag at the bottom-left corner, showing where the template is used on your site. This feature helps you understand the scope of the template’s application and manage it effectively.
Exporting a Single Product Template
To back up or reuse a template on another website, you can export your existing single product templates.
- Click the three-dot menu at the top-right corner of the template.
- Select Export to download the template as a
.jsonfile.
The exported file can be imported into another WordPress site, saving time and effort when replicating designs.
Deleting a Single Product Template
If a template is no longer needed, you can delete it.
- Click the three-dot menu at the top-right corner of the template.
- Select Delete. A confirmation dialog will appear.
- Click Delete to confirm, or Cancel to abort.
⚠️ Caution: Deleting a template is permanent, so make sure it’s no longer in use before proceeding.
Renaming a Single Product Template
To better organize your templates, you can rename them:
- Click the three-dot menu at the top-right corner of the template.
- Select Rename to open the rename dialog box.
- Enter the new name and click Change to save, or Cancel to discard changes.
Renaming templates makes it easier to identify and manage multiple templates.
Conclusion
Single product templates offer high flexibility for designing WooCommerce product pages, allowing you to tailor the layout to match your brand’s needs. With Elementor, you can create, edit, manage, export, delete, and rename templates effortlessly. This feature empowers you to achieve personalized designs while enhancing the user experience on your WooCommerce site.