With Elementor WooCommerce Builder you can now design your single product and archive page templates. Here is a breakdown of all the parts that make up a regular WooCommerce product page, and it’s corresponding Elementor Widgets.
![Elementor Woo-commerce](https://elementor.com/help/wp-content/uploads/2020/04/Elementor-Widgets-685x1024.png)
![]() | Menu Cart Widget – This special custom widget we’ve built, opens the cart in a window, so you can display your cart from any page of your website without leaving it. |
![]() | Woocommerce Breadcrumbs Widget – Control the colors and layout for WooCommerce Breadcrumbs. |
![]() | Product Title Widget – Control the style and layout of your Product Title. |
![]() | Product Price Widget – Set the Product Price position and style. |
![]() | Product Rating Widget – Add a Product Rating Widget. |
![]() | Short Description Widget – Control the Short Description layout and style. |
![]() | Product Stock Widget – Add a Product Stock Widget to display the product’s stock number. |
![]() | Add To Cart Widget – Control the layout and style of the Add To Cart button. |
![]() | Product Meta Widget – Set the distance between the text, display it stacked or inline, and control the style of your Metadata. |
![]() | Product Data Tabs Widget – Control the Data Tabs style. |
![]() | Product Images Widget – Set the image or gallery you wish to display. |
![]() | Upsells Widget – Set your own style to the Upsell Products. |
![]() | Product Related Widget – Set your own style to the Related Products. *See note below. |
![]() | Additional Information Widget – Add Additional Information to your product display. |
How to create a Single Product Template
- Under Templates > Theme Builder > Single Product > Add New, from the dropdown choose Single Product, give it a name, and click Create Template.
- Choose a Single Product Block and Insert. Alternatively, you can design your own.
- After you’ve finished designing, click Publish.
- Choose a Condition. Click to learn about conditions.
Important! In order for the Woocommerce Builder to work, you need Elementor pro 2.1 + WooCommerce 3.4 or higher.
*Note: The Product Related Widget uses the WooCommerce related products function to link products with the same tags and categories, not with the same up-sells and cross-sells.