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.

Author

Leave a Reply

Your email address will not be published.

More To Explore

ZapConnect 2021

Thursday October 21, 2021 9:00am – 1:30pm PT Activate the unlimited potential of easy automation—whether you’re a first-time user or a seasoned pro. Join us

TWILIO SIGNAL Customer & Developer Conference

APAC – OCTOBER 21-22, 2021 Explore the intersection of technology, innovation, and communications. This year we’ll bring together 50,000 developers, product leaders, and visionaries to

The Billion Dollar Singles Day Virtual Summit

Thu, Oct 21, 2021 · 10:00 AM Singapore (GMT 8:00)  ASIA’S PREMIUM RETAIL CONFERENCE FOR RETAIL LEADERS. NOW VIRTUAL. The Billion Dollar Singles Day Virtual Summit

×

Hello!

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

× How can I help you?