ProductX

  1. Home
  2. Docs
  3. ProductX
  4. ProductX WooCommerce Builder
  5. Shop Page

Shop Page

Now, with the ProductX WooCommerce Builder Plugin, you can easily create custom shop pages for your WooCommerce Store. Here’s a quick video to show you how to do it.

Create a Custom Shop Page with the ProductX WooCommerce Builder Plugin

Step-1. Turn on WooCommerce Builder Addon

The very first thing you need to do is enable the WooCommerce Builder Addon. To do this, go to ProductX > Addons from your WordPress dashboard. In the addons section, look for the WooCommerce Builder Addon and enable it.

Enabling the WooCommerce Builder Addon
Enabling the WooCommerce Builder Addon

Note: This step is mandatory to work with the ProductX Gutenberg Builder. Without this step, you will be unable to create any templates with ProductX.

Step-2. Create A Custom Shop Page

You can create a custom shop page in two ways:

Use Pre-made Layouts to Create A Shop Page

You can import one of the pre-made shop page layouts. If you import a page, you will land on the Shop page editor. Or, you start from scratch, go to the editor, click on the Builder Library and import a layout from there.

Create a Shop Page Template
Create a Shop Page Template

Use the blocks of the ProductX WooCommerce Builder Plugin to Create a Custom Page

You can choose to start from scratch and create a new shop page template using the ProductX WooCommerce blocks. Just click on “Start from Scratch”, go to the shop page editor, and use the ProductX blocks to create a custom shop page.

Use WooCommerce Blocks to Build a Shop Page
Use WooCommerce Blocks to Build a Shop Page

Note: Please note that the shop page does not require a condition to be published.

Step-3. Publish the Page and View Changes

Finally, you can publish the page and view the changes. Here’s how the page looks on the front-end:

Shop page front-end view
Shop page front-end view

Read Other Relevant Documentation

Was this article helpful to you? Yes No 1