How To Customize WooCommerce Product Sorting

Customize WooCommerce product Sorting order of their WordPress plugin products on the product category archive page. See how to do it

By Claudio Pires
Updated on July 25, 2022
How To Customize WooCommerce Product Sorting

A client recently wanted to customize the WooCommerce product Sorting order of their WooCommerce WordPress plugin products on the product category archive page. The archive used the default alphabetical sorting, but they had a few products they wanted to list at the top of the category listing. Here’s how we did it.

WooCommerce Product Sorting Options

How To Customize WooCommerce Product Sorting

WooCommerce offers the ability to customize the sorting order of products with a few settings changes.

Go to WooCommerce > Settings in your WordPress admin. Under the Products tab, ensure that Default Product Sorting is set to “Default sorting (custom ordering + name)” under the Display settings. Save the environment, then click on the Products admin page from the WordPress admin sidebar.

Woo WP Dashboard Products Display

Custom WooCommerce Product Sorting

All custom sorting is against all items and not against separate categories. Keep this in mind if you have a page that displays all products. For this particular project, the product pages were separated by type, so the sorting options didn’t need to be as detailed as others may need.

From the Products admin panel, you can select Sort Products and then drag and drop your products in the specific order that you’d like. You can also order the products in the Quick Edit menu by changing the “Order” value. All items default to the value zero. The custom order displays the lower numbers first. You can also edit the order value in the Product Data > Advanced tab on the product edit page. As a result, you’ll be able to edit the WooCommerce products sorting.

Woo products data screen menu order

Move Specific Products to the Top

If you want to custom-sort every product, you may do so. If you simply want to move a few select items to the top of the list, there is an easy way to do that.

Enter a negative number in the “Order” field of the product. The item will have a lower value than the default by using a negative number. “0” and therefore will show above those items. Suppose you want to lump a group of products together. In addition, have WooCommerce sort them alphabetically; just use the same “order” value.

WooCommerce includes several options in the core plugin for sorting your products on the Shop page. However, most people don’t realize there’s an option for WooCommerce custom product sorting. By default, you’re given 6 opportunities:

  1. Default Sorting (custom + name)
  2. Popularity (sales)
  3. Average rating
  4. Most recent
  5. Sort by Price (ascending)
  6. Sort by Price (descending)

We will focus on the first option for setting up a customized order. If you go to Appearance > Customize in your WordPress admin, you can change some of your display settings.

WooCommerce Product Sorting Conclusion

WooCommerce is a powerful e-commerce solution for WordPress and provides lots of ways to customize your online store.

All Visualmodo WordPress theme is fully compatible with the WooCommerce plugin and also add special unique features to add more power and beauty to your shop design.

Claudio Pires

Claudio Pires is the co-founder of Visualmodo, a renowned company in web development and design. With over 15 years of experience, Claudio has honed his skills in content creation, web development support, and senior web designer. A trilingual expert fluent in English, Portuguese, and Spanish, he brings a global perspective to his work. Beyond his professional endeavors, Claudio is an active YouTuber, sharing his insights and expertise with a broader audience. Based in Brazil, Claudio continues to push the boundaries of web design and digital content, making him a pivotal figure in the industry.