PowerPack has released WooBuilder – A flexible and an easy way to build your online WooCommerce store with PowerPack and Elementor. We have also added a wide range of Woo Widgets in WooBuilder that you can use to create a product archive page.
In this doc, we will focus on designing a Product Archive Page with WooBuilder.
Required Plugins: Elementor, WooCommerce, & PowerPack Add-ons For Elementor.
Go to Templates#
Go to Dashboard >> Templates >> Saved Templates.
Create a New Layout#
- Click on Add New.
- Now, choose the Template type as “Page” and give a name to the Template.
- Create Template
Edit the Layout#
- After creating the template, either choose the “Canvas” layout or keep the “Default” one as per your wish.
- Publish the Page.
- Head over to WordPress Dashboard and go to Elementor >> PowerPack.
- Click on WooCommerce Builder and toggle on it to enable the WooBuilder.
Choose Product Archive Page Template#
- After activating WooBuilder, you’ll get an option to choose the Product Archive Page Template.
- Choose the template which we recently created.
- Save Changes.
Edit the Product Archive Page Template#
- After choosing a Product Archive Page template, you’ll see an Edit option just below it (as shown in the above screenshot).
- Click on it.
- Now, edit the Product Archive Page Template using Woo Widgets.
- You’ll see a whole new pack of “PowerPack – WooCommerce” widgets in Elementor Editor that you can use to design the Product Archive Page of your site.
Update the Page#
- Use the PowerPack – Woocommerce Widgets to create the design of the Product Archive page.
- Click publish to update the page.