--- title: "How to Build a WooCommerce Product Page with The Plus Addons’ Store Builder" url: https://theplusaddons.com/blog/woocommerce-store-builder-the-plus-addons-for-elementor/ date: 2026-09-07 modified: 2026-09-07 lang: en author: "Aditya Sharma" description: "Elementor's own free page builder does not touch WooCommerce templates at all; the moment you want to redesign a product page, a cart, or a checkout, you either write custom..." image: https://theplusaddons.com/wp-content/uploads/2026/09/woocommerce-store-builder-featured-1024x538.jpg word_count: 1063 --- # How to Build a WooCommerce Product Page with The Plus Addons’ Store Builder ## - The Plus Addons for Elementor bundles WooCommerce work into the WooCommerce Store Builder, which covers seven store templates: My Account, Order Track, Cart, Checkout, Single Product, Thank You, and Search Filters. - The Plus Addons for Elementor keeps the Store Builder behind Premium plans, so the free version does not show any Woo widgets in the Elementor panel even when WooCommerce is active. - Single Product Page widgets expose product title, gallery, price, short description, and Add to Cart as individually stylable elements, and the gallery supports thumbnails below, beside, or as a slider with zoom-on-hover. - Product listing widgets offer four layout modes, Grid, Carousel Slider, Metro Posts, and Masonry, plus more than 15 filter types, Quick View popups, Load More or infinite scroll loading, and a custom product loop skin builder. Elementor's own free page builder does not touch WooCommerce templates at all; the moment you want to redesign a product page, a cart, or a checkout, you either write custom PHP template overrides or reach for an addon that ships WooCommerce-aware widgets. The Plus Addons for Elementor, one of several plugins covered in the [2026 WordPress + Elementor stack](https://theplusaddons.com/blog/wordpress-elementor-stack-2026/), bundles that entire job into one module called the WooCommerce Store Builder, and this is the step-by-step build most of its own documentation skips over. This walkthrough covers what the Store Builder actually includes, which parts require a Premium license, and how to put together a real single product page and a shop listing page with it, using the widget names as they appear in the Elementor panel today. Table Of Contents ## What Is the WooCommerce Store Builder? The WooCommerce Store Builder is the collection of WooCommerce-specific widgets inside The Plus Addons for Elementor. Per the plugin's own WordPress.org listing, it covers seven store templates: the My Account page, the Order Track page, the Cart page, the Checkout page, the Single Product page, the Thank You page, and Search Filters. All seven sit under the plugin's "75+ Premium Elementor Widgets" heading, meaning the Store Builder is a Premium-only feature, not something the free version unlocks. Beyond the seven store templates, the plugin's own [Woo Builder feature page](https://theplusaddons.com/woo-builder/) lists a product listing widget with four layout modes (Grid, Carousel Slider, Metro Posts, and Masonry), a search and filter system with more than 15 filter types (checkboxes, dropdowns, price range sliders, color and image swatches, rating filters), quick view popups, a product comparison and wishlist system, and a custom product loop skin builder for designing your own card layout instead of using a preset. It sits alongside the plugin's other builder modules, the Blog Website Builder, [the Grid Builder](https://theplusaddons.com/blog/masonry-grid-css-vs-elementor/), the Popup Builder, and the Header Builder, that were covered in the [6.5.0 release notes](https://theplusaddons.com/blog/the-plus-addons-for-elementor-6-5-0-update/). ![The Plus Addons for Elementor WooCommerce Store Builder feature page showing product listing and single product widgets](https://theplusaddons.com/wp-content/uploads/2026/09/shBZlvuH8bp4nxtMAliU4NSyvFAxU_MaSdi6QqD7DBhblTNTLQADOP6LnJTqf0CsFCHvRFPBF8EV0F9yYdrwSg-scaled.png)The Plus Addons for Elementor's own WooCommerce Store Builder feature page. ## Before You Start You need three things active before any of the Store Builder widgets appear in the Elementor panel: WooCommerce itself, Elementor (free or Pro), and The Plus Addons for Elementor on a Premium license, since the Store Builder widgets sit behind the paid plans covered in [the plugin's pricing tiers](https://theplusaddons.com/blog/essential-addons-vs-the-plus-addons-for-elementor/). Once all three are active, the Woo widgets show up in the same Elementor panel as every other widget, searchable by name. ## Step-by-Step: Building a Single Product Page - In WooCommerce, go to **Appearance > Theme Builder** (or Elementor's own Theme Builder if you are on Elementor Pro) and create a new **Single Product** template, or edit an existing product with Elementor if your theme supports it directly. - Add the Store Builder's **Single Product Page** widget group to the canvas. This is where product title, gallery, price, short description, and the Add to Cart button live as individually stylable elements, rather than one locked WooCommerce block. - Style the product gallery: choose how thumbnails are arranged (below, beside, or as a slider) and set zoom-on-hover behavior from the widget's Style tab. - Add the **Search Filters** widget on category or shop archive pages if you want shoppers filtering by attribute (size, color, price) before they ever reach a product page; pick from the 15+ filter types and choose a sidebar, inline, horizontal, or modal popup layout. - Turn on **Quick View** from the product listing widget's settings if you want customers to preview a product in a popup without leaving the shop grid. - Preview on desktop, tablet, and mobile using Elementor's responsive mode before publishing, since cart and checkout layouts are the pages most likely to break on small screens if a column count was set for desktop only. ## Step-by-Step: Building the Product Listing (Shop) Page - Add the Store Builder's product listing widget to your shop or category archive template. - Pick a layout: **Grid** for a standard responsive columns layout, **Carousel Slider** for a scrollable row, **Metro Posts** for a mixed-size tile layout, or **Masonry** for a Pinterest-style staggered grid. - Set column counts per device (a common pattern is 3 columns desktop, 2 tablet, 1 mobile) from the widget's responsive controls. - Choose a product loading method: standard pagination, Load More button, or infinite scroll, depending on how many products your catalog carries. - If the built-in card layouts do not match your brand, open the **custom loop skin builder** and design your own product card from scratch instead of picking a preset. - Use **dynamic display conditions** if you want different products or badges shown based on logged-in status, cart contents, or purchase history, rather than the same static grid for every visitor. ## Cart, Checkout, and Account Pages The remaining four Store Builder templates, Cart, Checkout, My Account, and Order Track, work the same way: assign the corresponding Elementor template to that WooCommerce page from Theme Builder, then drop in the matching Store Builder widget to get an editable, Elementor-native version of a page WooCommerce otherwise renders with its own fixed shortcodes. The Thank You page template follows the same pattern for post-purchase confirmation screens. All seven templates were built to keep working across the version jump covered in [the WordPress 7.1 and Elementor compatibility notes](https://theplusaddons.com/blog/wordpress-7-1-elementor/), so a WooCommerce Theme Builder assignment made today should not need to be redone after a routine Elementor update. ## Free vs. Premium: What You Actually Get To be direct about it: none of the seven Store Builder page templates above ship in the free version of The Plus Addons for Elementor. They sit under the plugin's own "75+ Premium Elementor Widgets" heading on its WordPress.org listing, alongside widgets like the Data Table and Advanced Carousel. If you are only using the free tier today, you will not see the Woo widgets in your Elementor panel at all, regardless of whether WooCommerce is active. That is a deliberate scope decision on the plugin's part, not a bug or a missing setup step, and it is the same free-versus-paid split covered in the [Widget Manager walkthrough](https://theplusaddons.com/blog/clean-up-bloated-elementor-site/) for trimming down whichever tier you land on. ![The Plus Addons for Elementor pricing page showing Starter Professional Studio and Agency Bundle plans](https://theplusaddons.com/wp-content/uploads/2026/09/Eul7gg2XkWL2XAnxk2gqdwtULP-v_tOSHb6oKxA7sGI-aCC_U10qN7Tzk-gMbqbBee8cGljVlkDVzpmbLooJzg-scaled.png)Store Builder access requires a Premium plan; see the current pricing tiers.   [See the Full WooCommerce Store Builder Feature Page](https://theplusaddons.com/woo-builder/) ## Suggested Reading - [Essential Addons vs The Plus Addons for Elementor (2026)](https://theplusaddons.com/blog/essential-addons-vs-the-plus-addons-for-elementor/) - [Getting Your WooCommerce Store Found by AI Shopping Agents](https://theplusaddons.com/blog/ai-shopping-woocommerce/) - [What's New in The Plus Addons for Elementor 6.5.0](https://theplusaddons.com/blog/the-plus-addons-for-elementor-6-5-0-update/) - [How to Add a Search Bar in Elementor](https://theplusaddons.com/blog/search-bar-in-elementor/)