Give every WooCommerce product the same custom layout. You build one Product Single template with the Templately Theme Builder, and it is used on all your product pages. You do not need Elementor Pro for this.
Before you start
- WooCommerce is active and you have at least one product (Products > Add New Product).
- Elementor is active, and Templately is installed with you signed in. See how to install Templately.
- Want the whole store at once? A WooCommerce template pack sets up the product page, shop page, header and footer for you.
Step 1: Create a Product Single template #
- In your WordPress dashboard, go to Templately > Theme Builder (1).
- Click Add New Template (2).
- Keep Elementor selected and choose Product Single as the template type (3).
- Give it a name you will recognize, for example Single Product (4).
- Click Create Template (5). The new template opens in Elementor.
Step 2: Design the product page #
Build the layout with the Product widgets in the Elements panel (1), such as Product Title, Product Images, Product Price and Add To Cart. On your site they show the details of whichever product a visitor opens.
Prefer a ready design? Click the purple Templately icon in the drop area and insert a product page design from the library. See how to insert a premade template.
Pro plugins are not installed for you
Some WooCommerce designs in the library use widgets from Essential Addons. Templately installs the free version for you when a design needs it. If a design needs Essential Addons Pro, install it yourself first, or those parts will not show. If your plan includes it, download it from the Subscription page in Templately.
Step 3: Choose where the template shows #
- Click the arrow next to Publish and choose Condition (by Templately).
- Set the condition to Include > Singular > Product > All to use the template on every product (1).
- Click Save & Close (2), then click Publish.
Check the result
Open any product on your site. It now uses your new layout. If you still see the old one, clear your site cache and reload.
Related guides #
- Make a WooCommerce shop page
- Make the checkout and cart pages
- Use the Templately Theme Builder for posts and pages
Still stuck? Contact our support team and we will help you out.
