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.
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.