PowerPack Documentation

How to Create a Product Archive Page with WooBuilder?

Table of Contents

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.

Saved Templates
Saved Templates

Create a New Layout

  1. Click on Add New.
  2. Now, choose the Template type as “Page” and give a name to the Template.
  3. Create Template
Product Archive Page
Product Archive Page

Edit the Layout

  1. After creating the template, either choose the “Canvas” layout or keep the “Default” one as per your wish.
  2. Publish the Page.

Enable WooBuilder

  1. Head over to WordPress Dashboard and go to Elementor >> PowerPack.
  2. Click on WooCommerce Builder and toggle on it to enable the WooBuilder.
Enable WooBuilder
Enable WooBuilder

Choose Product Archive Page Template

  1. After activating WooBuilder, you’ll get an option to choose the Product Archive Page Template.
  2. Choose the template which we recently created.
  3. Save Changes.
Choose Product Archive Page Template
Choose Product Archive Page Template

Edit the Product Archive Page Template

  1. After choosing a Product Archive Page template, you’ll see an Edit option just below it (as shown in the above screenshot).
  2. Click on it.
  3. Now, edit the Product Archive Page Template using Woo Widgets.
  4. 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.
PowerPack - WooCommerce Widgets
PowerPack – WooCommerce Widgets

Update the Page

  1. Use the PowerPack – Woocommerce Widgets to create the design of the Product Archive page.
  2. Click publish to update the page.
WooBuilder Product Archive Page Template
WooBuilder Product Archive Page Template

Last updated on September 16, 2020

Hours
Minutes
Seconds

Biggest Sale of the Year!
Get up to 50% OFF