--- title: "How to Edit WooCommerce Product Page in Elementor?" url: https://theplusaddons.com/docs/edit-woocommerce-product-page-in-elementor/ date: 2023-12-07 modified: 2026-09-27 lang: en author: "Aditya Sharma" description: "WooCommerce's default single product page layout is fixed by your theme - moving the price above the gallery, or splitting tabs into separate sections, isn't possible without a page builder...." image: https://theplusaddons.com/wp-content/uploads/2023/12/How-to-Edit-WooCommerce-Product-Page-in-Elementor_-1024x536.jpg word_count: 461 --- # How to Edit WooCommerce Product Page in Elementor? ## - Woo Single Basic lets The Plus Addons for Elementor Pro rebuild the single product page with a repeater of basic product fields, including Title, Short Description, Badge, Rating, and Next/Previous Product. - Woo Single Pricing controls commerce-facing elements in Elementor, with Add to Cart as the default and separate options for Price, Stock, Sold units sold, and Attributes variation selectors. - Woo Single Tabs and Woo Product Images add layout control for WooCommerce product pages, with Tabs or Individual for tabs and Grid, carousel, or metro arrangements for the image gallery. WooCommerce's default single product page layout is fixed by your theme - moving the price above the gallery, or splitting tabs into separate sections, isn't possible without a page builder. Four Woo Builder widgets - **Woo Single Basic**, **Woo Single Pricing**, **Woo Single Tabs** and **Woo Product Images** - let you rebuild the single product page piece by piece in Elementor. For the full settings tour of every Woo Builder widget, see [Woo Builder Settings Overview](https://theplusaddons.com/docs/woo-builder-settings-overview/). ***Requirement - This widget is a part of The Plus Addons for Elementor Pro, make sure it's installed & activated to enjoy all its powers.*** [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text) ## Before You Start - **Prerequisite:** [Elementor](https://wordpress.org/plugins/elementor/) (free) installed and active.- **Prerequisite:** [WooCommerce](https://wordpress.org/plugins/woocommerce/) installed and active, with at least one published product.- **Edition:** all Woo Builder widgets are part of **The Plus Addons for Elementor Pro** - a Pro licence is required.- A published product to preview against - this site has 13, for example "Suede Chelsea Boot" or "Trail Running Shoe". ### Woo Single Basic **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Woo Single Basic** and turn its toggle on. A repeater of basic product fields, each added independently: **Title** (default), **Short Description**, **Badge** (the sale badge), **Rating** and **Next/Previous Product**. ![Woo Single Basic repeater with Title/Short Description/Badge/Rating](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-single-basic.webp) ### Woo Single Pricing **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Woo Single Pricing** and turn its toggle on. A separate repeater controlling the commerce-facing elements: **Add to Cart** (default), **Price**, **Stock**, **Sold** (units sold) and **Attributes** (variation selectors). ![Woo Single Pricing repeater with Add to Cart/Price/Stock/Attributes](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-single-pricing.webp) ### Woo Single Tabs **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Woo Single Tabs** and turn its toggle on. From **Layout**, choose **Tabs** (the default - a classic tabbed Description/Reviews/Additional Information block) or **Individual** to break each tab out as its own separately-placed element. With Layout = Tabs, **Style** picks one of at least 3 visual tab styles. ![Woo Single Tabs Layout and Style controls](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-single-tabs.webp) ### Woo Product Images **Widget to enable:** go to **The Plus Addons > Widgets**, search for **Woo Product Images** and turn its toggle on. From **Layout**, choose how the gallery of product images is arranged - **Grid** is the default, with carousel and metro arrangements also available. ![Woo Product Images Layout control](https://theplusaddons.com/wp-content/uploads/2026/09/woo-builder-product-images.webp) ## Settings Overview | Widget | Key control | Default | | ------ | ----------- | ------- | | Woo Single Basic | Select (repeater field) | Title | | Woo Single Pricing | Select (repeater field) | Add to Cart | | Woo Single Tabs | Layout | Tabs | | Woo Product Images | Layout | Grid | ## Not verified So you know exactly what has and has not been checked: - This one doc covers 4 widgets, each with 3+ layout/style values - Phase 3's screenshots will show each widget's default configuration; the alternate values (Individual tabs, carousel/metro image galleries) are documented here in text but not necessarily screenshotted individually. Flagging this scope call rather than deciding it silently.- Woo Single Tabs' full Style option list (3+ confirmed, exact count not yet pulled). ## Related Docs - [Woo Builder Settings Overview](https://theplusaddons.com/docs/woo-builder-settings-overview/)- [How to Edit WooCommerce Cart Page in Elementor?](https://theplusaddons.com/docs/edit-woocommerce-cart-page-in-elementor/) ## Frequently Asked Questions **Q: What do I need before editing a WooCommerce product page in Elementor?** A: Elementor free and WooCommerce both need to be installed and active, and you also need at least one published product to preview against. The page also says all Woo Builder widgets are part of The Plus Addons for Elementor Pro, so a Pro licence is required. That matters because the widgets are built to rebuild the single product page inside Elementor, not on the default theme layout. **Q: Why is my WooCommerce single product layout still controlled by my theme?** A: WooCommerce’s default single product page layout is fixed by the theme, so things like moving the price above the gallery or splitting tabs into separate sections are not possible without a page builder. The Plus Addons for Elementor, The Plus Addons, Plus Addons for Elementor, POSIMYTH provides Woo Builder widgets that let you rebuild the page piece by piece inside Elementor instead of being stuck with the theme’s fixed structure. **Q: What is the difference between Woo Single Tabs and using tabs as one block?** A: Woo Single Tabs gives you two layout choices: Tabs or Individual. Tabs keeps the classic Description, Reviews, and Additional Information block together, while Individual breaks each tab out as its own separately placed element. That choice matters when you want more control over page structure, because Individual lets you place each section wherever your design needs it instead of keeping everything in one tabbed block. **Q: How do I change the product image gallery layout in Elementor?** A: Woo Product Images controls the gallery arrangement through its Layout setting. Grid is the default, and carousel and metro arrangements are also available. That gives you a quick way to change how product visuals read on the page without touching the rest of the product content. For a broader settings walkthrough across all widgets, see [Woo Builder Settings Overview](https://theplusaddons.com/docs/woo-builder-settings-overview/). **Q: Which Woo Builder widget should I use for price, stock, and add to cart elements?** A: Woo Single Pricing is the widget for commerce-facing elements like Add to Cart, Price, Stock, Sold units sold, and Attributes for variation selectors. Its repeater is separate from the basic content widget, so it keeps buying actions grouped together instead of mixing them with title or rating fields. That separation helps when you want cleaner control over conversion-focused parts of the product page. **Q: Can I build a custom WooCommerce product page without coding?** A: The four Woo Builder widgets let you rebuild the single product page piece by piece in Elementor without writing code. Woo Single Basic handles title, short description, badge, rating, and next or previous product; Woo Single Pricing covers add to cart and pricing elements; Woo Single Tabs handles description-related sections; and Woo Product Images controls the gallery. For a live example of what these widgets power, see [LIVE WIDGET LINK](https://theplusaddons.com/elementor-builder/woocommerce-builder/?utm_source=tpae&utm_medium=docs&utm_campaign=text).