Product Sorting & Re-Ordering for WooCommerce

Product Sorting and Re-Ordering allows you to re-order and organize your WooCommerce products within category and tag pages, using a simple, fast drag-and-drop interface.

In your WP Admin dashboard, go to Products > Categories, Products > Brands or Products > Tags, and select the category you wish to edit the order of products on. Once on the page, scroll past the default category settings — such as name, slug, description, and thumbnail. You will now see a new area titled Re-Order Products.

Click to activate the toggle on Enable Custom Order for this Category, this will expand to show the products listed out in their default order.

From here you can hover over an item, click and hold down on a product and drag it to another location. Once you are satisfied that you have rearranged the products to your preferred order for this category, scroll to the bottom of the page and click Update.

From the category edit screen, you can also toggle a few options:

• Product Images – Turn on and off the display of the product thumbnail
• Numbering – Show the order number, which you can edit
• Pagination – Turn on and off a visual indicator of where the pagination will fall, based on your store settings

These are purely to help with managing how you interact with this tool and do not affect the front end of the website.

With Product Sorting & Re-Ordering for WooCommerce active, when browsing the front-end of the website logged in with the top bar set to visible, you will see a new icon.

If the category or tag is currently using the default ordering then the text will say Reorder, clicking this will take you directly to this section of the edit category or tag page. If the text says Edit Order and the cursor icon is green, then this category is already using a custom order – clicking to edit this will take you to the expanded box that is already active, so you can rearrange the products.

You can turn off the custom order for a category or tag at any time simply by toggling Enable Custom Order for this Category off. This will contract the window and revert the category to the default global sorting order.

On a category like this, you will then see a message stating This Category has custom ordering data saved but not activated; this is because the data is not lost when you turn off the custom order. So you can turn this off and back on again with no fear of loss of data.

If however, you wish to permanently remove the custom order, you can activate it and then click the Restore to default text link in red. This will prompt you that the action is not reversible and if you proceed it will permanently delete the custom re-order for this category.