WooCommerce Product Category

Display WooCommerce Category, Subcategories On Shop Page

WooCommerce Product Categories

Categorizing products is great a way to de-clutter your eCommerce shop and intuitively guide users to the page they are looking for. In WooCommerce you can easily group your similar products under a category, making it easy for users to scan and find the products.

For Example, if you sell T-shirts, Shirts, Pants, and Sunglass; for convenience you can easily categorize T-shirts, Shirts, and Pants under “Clothing” category and Sunglass under “Accessories”.

Product Category - Bellini WordPress Theme
Example: Product Category – Bellini WordPress Theme

In WooCommerce shop or archive pages you can display only products, only categories or both products and categories together. In this article we will see how to create WooCommerce categories and display them on shop or archive pages.

 

 

solution

Creating WooCommerce Product Category

How To Add WooCommerce Product Category

Follow these steps to create WooCommerce category:

  1. Go to Dashboard -> Products -> Categories
  2. Under Add New Product category title, you’ll find below fields Name.
  3. After filling out all the category information, click on Add New Product Category button.

woocommerce-categories

 

 

How To Create WooCommerce Subcategories

Depending on your need you can nest one product category under another. Simply put you can create and assign WooCommerce subcategories or child categories.

  1. Go to Dashboard -> Products -> Categories
  2. Click on any category and it will take you to Edit Product Category page
  3. Scroll down to Parent section drop-down
  4. Select the category from the drop-down
  5. Click on Update to save your changes.

 

 

How To Set WooCommerce Category Image

If you want to set WooCommerce category thumbnail, follow these steps to upload WooCommerce category image:

  1. Go to Dashboard -> Products -> Categories
  2. Click on any category and it will take you to Edit Product Category page
  3. Scroll down to Thumbnail and click on Upload/Add Image to upload your category image.
  4. Click on Update to save your changes.

 

 

 

 

solution

Displaying WooCommerce Product Category

WooCommerce lets you decide how you want your Categories to be displayed on a page. For example, you can display only category, category with products or only products.WooCommerce lets you decide how you want your Categories to be displayed on a page.

For example, you can display only category, category with products or only products

  • Products
  • Categories or subcategories
  • Both products and categories

Display WooCommerce Product Categories on Shop Page

If you want to display product categories on your Shop page instead of just products, follow these steps:

  1. Go to WooCommerce -> Settings -> Products -> Display
  2. Select “show categories” from Shop Page Display
  3. Click on Save Changes

WooCommerce Categories on Shop Page

 

 

Display WooCommerce Sub Categories on Shop Page

Categories – Subcategories – Products. If you want your shop page to display in that order. Follow these steps:

  1. Go to WooCommerce -> Settings -> Products -> Display
  2. Select “show subcategories” from Default Category Display
  3. Click on Save Changes

WooCommerce Sub Categories

 

 

Display Product Categories on Sidebar or Widget Areas

If you want to display WooCommerce product categories on page sidebar, follow these steps:

  1. Go to Appearance > Widgets
  2. Find the widget called “WooCommerce Product Categories
  3. Drag to your desired sidebar.

 

Display Product Categories on Frontpage/Homepage or any Page

 You can display product categories on any page using the following shortcodes supplied with WooCommerce.

  • [product_category] – Display all the products of a certain category
  • [product_categories] – Display all product category

Let’s see how to display WooCommerce product categories on a page.

  1. Go to Dashboard -> Pages and select any page
  2. Write the shortcode [product_categories] to display all categories
  3. If you want to more control, you can use below parameters to modify what you want to display.example: [product_categories parent=”0″]
  4. Click on Publish after making the changes.

 

Product Category Shortcode parameters:

Parameter Accepted Value Description
number 12 Number of categories you want to display
orderby ID | title | name Order the product by
order ASC, DESC Determines the order of the categories, whether ascending or descending.
columns 3 Number of columns
hide_empty 0 | 1 1 to hide category which don’t have any products listed under them.
parent 0 | 1 0 to display only the parent categories and 1 to display all categories (with sub-categories)
ids 12 comma separated list of category IDs

 

Displaying  WooCommerce Product Category to a Menu

  1. Go to Appearance -> Menus
  2. Click on Screen Options from top left and check Product Categories
  3. Now on the left pane a Product Categories tab will show up.
  4. Click on Product Categories tab to expand, select the categories
  5. Click on Save menu

 

 

solution

Modify WooCommerce Product Category

How To Re-order WooCommerce Product Categories

Change Product Category Order

  1. Go to Dashboard -> Products -> Categories
  2. Click on a category and drag and drop to sort them.
If you currently running a shop and looking for WooCommerce theme, don’t hesitate to check out Bellini. A WordPress theme with deep WooCommerce integration.

Leave a Reply