Product Sorting

This is a complete tutorial about product sorting options in WooCommerce.

I will show you how to hide some specific options, rename them, change the order options are being displayed and of course we are going to add our own custom product sorting.

You can find product sorting dropdown on the shop page or in the product archives.

In this tutorial I will show you how to completely remove this dropdown from the shop page and product archives:

That’s the result we are going to achieve:

And we are not hiding it with CSS by the way!

There are already a couple tutorials on this website related to product sorting, you can read for example, how to change a default sorting order, how to completely remove it or how to add a custom sorting option.

Today we are going to go even further and add an option to sort products in random order and retain it during pagination.

First things first, let’s add a new sorting option. There is another tutorial about that, so you can read more if you want. Right now we are going to do it with woocommerce_catalog_orderby filter hook.

The default WooCommerce sorting is by “menu order”, which means manually and if a manual product order is not set, the product are going to be displayed alphabetically.

Before we continue, let me show you how to sort WooCommerce products manually, maybe it is just what you need.

Go to WordPress admin, All Products page, and there click Sorting tab. After that just use drag and drop.