How to Display Products by Category in WooCommerce (In 4 Steps)

By Updated: September 18, 2019 4

When it comes to e-commerce, clear navigation is key. Customers like to be able to find what they’re looking for and make purchases quickly. Therefore, keeping your products well-organized can make a big difference to your customers’ experience and satisfaction.

Fortunately for WooCommerce users, WordPress includes taxonomies for categorizing posts, products, and other content. By grouping your products into categories, you’ll make it easier for customers to find their desired items. Plus, if you display products by category using tables, customers can more efficiently browse and search through your catalog.

Displaying WooCommerce product variations in a table layout using WooCommerce Product Table

In this article, we’ll talk about product categories and how they can improve your online store. Then we’ll show you how to list products by category with our plugin WooCommerce Product Table. You can list products by category with or without add to cart buttons, variation selectors and other handy features.

Let’s get started!

An introduction to WooCommerce product categories

Categories are a native feature of WordPress. They group together posts, pages, and custom post types (such as products) with similar content. This helps to improve site navigation, since visitors can search a particular category to find specific information under a broader topic, or additional details related to content they’ve already viewed.

For online stores in particular, improving navigation can increase sales significantly. Studies have found that if customers can’t find what they’re looking for, they’ll most likely abandon your store without making a purchase. Therefore, organizing your offerings into clear product categories is essential to building a successful e-commerce site.

Additionally, it’s wise to clearly display products by category on your site. By creating category tables, for example, you can make it even easier for customers to find items they want. All the products in each of your categories will be clearly listed in separate tables. To see this technique in action, you can check out the Wavelength Electronics store:

A product table on Wavelength Electronics.

Plus, if you add search, sort, and filter functionality to your tables, customers will be able to quickly navigate through your items to find what they want. Instead of picking through your entire site or scrolling through a long category page, they can reach the product they’re looking for in just seconds.

WooCommerce Product Table is an excellent solution for adding category tables to your WordPress site. Our customers have had great luck using it to enable search capabilities for their buyers:

Great plugin - great people behind the scenes
By Matthias Lohwasser
I needed something to display certain posts and make them searchable and filterable. This plugin was just what I was looking for. It works really well. The search narrows the results as you type. The table looks like it's "embedded" in the theme as it doesn't come with too much styling. I didn't have to change a single line of code to make it fit into the website. I did have two minor technical issues and had to contact the support. Katie answered very quick and the conversation was very friendly. One issue couldn't be solved right away, so the developer Andy looked into it as well and found a way to fix it. Also, I want to point out that the documentation is remarkable. Everything is explained, understandable and well written. I can highly recommend this plugin!

Using a plugin that automates organization and product display can help you improve your online store with minimal effort. It’s a win-win for both you and your customers.

Check out the WooCommerce Product Table demo!

How to display products by category in WooCommerce (in 4 steps)

Displaying your products is fast and easy with Woo Product Table. By default, it generates tables that include all of your store’s products. However, with just a little modification, it can also list products by category in separate tables.

WooCommerce Product Table

An easy-to-use plugin for listing WooCommerce products by category.

The steps below will show you how to create categories for your products and display them clearly on your site. We’ll assume that you already have WooCommerce installed and activated, and have created some products as well. After that, you’re ready to get started!

Step 1: Group your products into relevant categories

Before you can set up category tables, you have to create your product categories. When deciding how to organize your products, it’s important to remember that the goal is to make it easy for customers to find items. Therefore, you’ll want to group products in ways that will make sense to customers.

You can also create broader, ‘parent categories’ that encompass several subcategories. For example, the parent category “dishes” might include the subcategories for “mugs”, “plates”, and “bowls”. Parent categories can be useful for customers who haven’t decided on specific items yet, and just want to browse.

Creating WooCommerce categories

To set up your WC product categories, head over to your WP dashboard and navigate to Products > Categories. You’ll see an empty category list on the right side of the screen, and fields for entering new category information on the left:

Adding a new WooCommerce category.

Start filling in the fields on the left by choosing a category name (such as “clothing”, “toys”, “electronics”, etc.) and a slug. The slug is simply the end of the URL that’s associated with the category. So, if you wanted your category to have the URL example.com/clothing, you would enter “clothing” as the slug:

Creating a category called "clothing".

Next, you’ll see a drop-down menu where you can select a parent for the new category you’re creating. You can also choose to add a description and image if you like – these can be useful to customers who are browsing your store.

Additionally, you’ll want to use the second drop-down menu to choose the Display type. The Default option will display your categories according to your theme’s settings:

The Display Type option.

Alternatively, you can set the display type to Products, Subcategories, or Both, to display the corresponding content on your category pages. Even though you’ll be creating category tables later, you can still include the default category pages if you like.

When you’re finished, click on the Add new category button. Repeat this process for as many categories and subcategories as you need. Then, edit each of your products and assign them to relevant categories and/or subcategories.

Step 2: Install and activate the WooCommerce Product Table plugin

With your categories ready, you can now use WooCommerce Product Table to list products by category in your store. To begin, you’ll need to install and activate the plugin. Head over to our website, purchase WooCommerce Product Table, and download its .zip file.

Get WooCommerce Product Table

Be sure to make a note of your license key, which we’ll email to you after your purchase is complete. Then, return to your WordPress site and navigate to Plugins → Add New → Upload Plugin. Select the .zip file you downloaded earlier and upload it to your site. When the installation is finished, click on the blue Activate button:

Activating WooCommerce Product Table.

In your Plugins list, navigate to WooCommerce Product Table’s settings:

Navigating to the WooCommerce Product Table settings.

The first field will be for your license key. Enter it, and then save your changes. Your plugin is now fully installed, activated, and ready for use.

Step 3: Customize your product table settings

Before you add tables to your website’s pages, you’ll want to customize them to fit your store’s needs. On the plugin’s Settings page, you can configure a variety to options to modify your tables, including:

  • Styling your tables to match your theme or custom preferences
  • Specifying what content your tables should include, such as product descriptions, images, Add to Cart buttons, and more
  • Enabling performance-boosting features such as lazy loading and caching
  • Adding quantity and variation selectors to your tables
  • Determining pagination options for large tables

All of these setting are worth checking out. Right now, though, we’re going to focus on adding search, sort, and filter functionality to your tables, in order to improve navigation. To do that, first scroll down to the Sorting section:

The WooCommerce Product Table sorting options.

Here, can use the first drop-down menu to choose what data the table should use to sort the products it lists. The second drop-down menu determines if the products will appear in ascending or descending order.

Next, scroll down to Table Controls and enable the Product Filters setting. This will enable customers to use a filter drop-down menu to see specific items in your tables:

The WooCommerce Product Table controls options.

Further down, you can also enable the search box and decide where it should be located. If customers are looking for a specific item, they can type it into the search bar to quickly find it in your table.

Don’t forget to save your changes to this page when you’re done configuring the settings. Then, you’re ready to move on to the final step.

Step 4: Add your product category tables to your store

Now, you’re ready to add your category tables to the relevant pages. You have several options for how to do this. You can add individual category tables to your existing category pages, for example, either in addition to or instead of the default product display. Alternatively, you can create a single page that lists all of your category tables, or add new, separate pages for each one.

Once you’ve decided which pages to use, you’ll need to use a shortcode to display each table. Normally, the shortcode used to display a table created with WooCommerce Product Table is simply:

[product_table]

However, this will display a table of all your products, not specific categories. Fortunately, you can easily modify this shortcode. To only display products from a certain category, you’ll want to use the following format:

[product_table category="example"]

You’ll simply replace “example” with the name of the category or subcategory you want to display. Then, save or publish the page. You can repeat this process to create as many different category-based product tables as you need.

Conclusion

With your conversion rate on the line, creating clear navigation for your e-commerce store is crucial. Categories are a tried-and-true method for improving site navigation, and choosing to display products by category in customized tables can make navigating your store even simpler for customers.

To create category tables with WooCommerce Product Table, you’ll just need to:

  1. Group your products into relevant categories.
  2. Install and activate the WooCommerce Product Table plugin.
  3. Customize your product table settings.
  4. Add your product category tables to your store.

WooCommerce Product Table

Start listing products by category today!

Do you have any questions about how to list products by category? Let us know in the comments section below!

Will Morris

Will Morris is a staff writer at WordCandy. When he's not writing about WordPress, he likes to gig his stand-up comedy routine on the local circuit.

4 Comments

  1. softton
    July 4, 2019 Reply

    can i select the products through the check box and then send it for the product inquiry

  2. Ahrale
    May 10, 2019 Reply

    Very detailed post, however, I think it is missing an important info, How to display inside the table few categories in a way that it will display first all products of category A then all of category B, etc.

    Thanks.

    • EJ
      May 21, 2019 Reply

      Hi, Ahrale. Thanks for your comment and my apologies for the late reply. You can use the category option to specify multiple categories to display in the table – either separated by commas or by a plus sign (+). Using commas means “products in this category OR that category”. Using a plus means “products in this category AND that category”. You can’t mix and match commas and pluses – you have to use one or the other.

      Then to arrange/organize the display of products according to category (display first all products of category A then all of category B, etc., as you described), you must include the categories column in the product table (See Available columns). With this column present in the table, you can simply click on its sort arrows on its heading to sort the table contents according to category in either ascending or descending order (which would follow an alphanumeric order).

Please share your thoughts...

Your email address will not be published.