Free Digital Courses 1 min a Day

Designed for learners of all ages. Easy to understand. Deaf-friendly.

Start upgrading your skills today!

[WooCommerce Store] WooCommerce create product categories lists with products on one page

Share This Post

Share on facebook
Share on linkedin
Share on twitter
Share on email

Video summary: This is a quick tutorial about design a UX friendly SHOP ALL Page in WordPress using Elementor Pro Theme Builder.

Objective: To create a one column category listing with 1 row of products listing each in a SHOP ALL page so that viewers may view all categories and some of their products per category.

How to do:
Add a New Page Add a one column Section.

Edit Section and add a relevant background image for this Section.

Then, pull in the Heading element and add a title (a category name).

Add another Section and pull in the Products Element.

Set columns to 4 and rows to 1.

On the Pagination Tab. Then, click on “Query” and under “Include by”, click on the dropdown option “Term”.

A new field will then appear called “Term”.

Click on the field and type in the name of the category to pull products out from that category.

When you see the category appear in the dropdown, select that category.

Repeat for the rest of the categories listing.


Leave a Reply

Your email address will not be published.

More To Explore

[WooCommerce Store] Elementor Pro 3.4 WooCommerce Dynamic Tags Demo

Check out Elementor Pro’s blog post on their latest update: This video covers: Dynamic WooCommerce Tags Feature Dynamic Product Elements Anywhere on Your Website

[WooCommerce Store] Elementor Pro 3.4 Menu Cart Update Features Demo

Check out Elementor Pro’s blog post on their latest update: This video demonstrates the following from Elementor Pro 3.4 update: Add to CUSTOM-DESIGNED Cart



Click one of our representatives below to chat on WhatsApp or send us an email to [email protected]

× How can I help you?