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.
Requirement – This widget is a part of The Plus Addons for Elementor Pro, make sure it’s installed & activated to enjoy all its powers.
Before You Start
- Prerequisite: Elementor (free) installed and active.
- Prerequisite: 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 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 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 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.
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).
