How to Change the Sort Order of WooCommerce Variations and Attributes

Looking to rearrange the order of your custom variations and attributes on the product shop page?

WooCommerce lets you change the sort order for your custom attributes and variations that appear in the product template.

For example, if you want the item size to appear in a particular order, say small, medium, large, etc., when customers want to select the size of the variation, you can change the sort order just by dragging and dropping the attribute in the required position.

The other case can be where the attributes might show the wrong order in the dropdown menu for the variable products, such as Small, Large, Medium instead of Small, Medium, Large.

To solve this problem, we have developed a tutorial to show you exactly how to quickly change the sort order of attributes of your WooCommerce products.

Let’s get started!

Changing the Sort Order of WooCommerce Variations and Attributes

Method 1: Product Variation or Attribute Sort Order Type

Here in this section, we’ll help you change attribute sort order type by term ID, alphabetical order, or custom sort order.

Let’s get started.

Step 1: Click Products >> Attributes in the left menu.

In this, we’ll be changing the variations and attributes sort order for size.

Step 2: Click on “edit” under the size attribute. Refer to the image as shown below.

Step 3: Now, on the “Edit Attribute” page, scroll to the “Default sort order” dropdown menu.

This section helps the store admins to manage the sort order of the terms on the shop product pages with four options:

  • Custom ordering
  • Name
  • Name (numeric), and
  • Term ID.

Select the required order and click Update. (For this scenario, we are selecting Custom ordering).

Since the default sort, the order is set up, it’s time to check the template to see if the changes in orders are reflected.

Also, follow the next steps for a complete customer order sorting of your variations and attributes.

Method 2: Custom Variation or Attribute Sort Order

Since we selected “Custom ordering” in the previous method, you can easily customize your variations and attributes.

Custom ordering allows you to drag and drop the attribute terms in the attribute section.

Let’s see how it works.

Step 1: Click Products >> Attributes in the left menu.

In this, we’ll use the drag-and-drop method to set up the custom sort order for the “size” attribute.

Step 2: Click on “Configure terms” under the size attribute. Refer to the image as shown below.

Clicking on the “Configure terms” will direct you to the “Product Size” page.

To sort the size order, hover over the three lines to drag the attributes up or down. The cursor over hover will be displayed as.

In this case, we will move XLarge above Large. These changes are saved automatically.

Now you can visit the Product page to check the new custom order.

Tip: For changes to reflect correctly, make sure you clear the page caches if configured.

The correct order on the product page will appear as shown in the image.

This is how we can change the WooCommerce Variations and Attributes sorting order.

Conclusion

Finally, this was the whole tutorial on changing the sorting order for WooCommerce variations or attributes.

We hope you understand all the things correctly and will apply the same to your own WooCommerce store. You can also take help from the attached screenshots to speed up the process. This is all about how to change WooCommerce variations and attributes sort order.

Do let us know if you successfully changed the sort order of your WooCommerce variations and attributes?

Feel free to ping us or write your query in the comment box, and we will help you out in a few hours possibly.

Brian
Brian

Welcome to the AovUp blog, where we discuss all things WooCommerce. I hope we can help you achieve something today...

Stay Connected

Continue exploring

The plugin is working well and support helped me solving an issue with my website. I just gave admin user and they fixed it in a moment
Working perfectly, great support
⭐⭐⭐⭐⭐
Ivan trp
It works by default, it’s settings are where they should be (not creating a new item at the admin menu, making it harder to find things).
Great and clean alternative ⭐⭐⭐⭐⭐
Juanzo
Super impressed with the user interface and the fact all functionality is configured within the product editor

Works Great in latest Woo and WP! ⭐⭐⭐⭐⭐
@chickwithbob
Works Great in latest Woo and WP!
Works Great!
⭐⭐⭐⭐⭐
Natacha
Good plugin. Helped me, thanks
⭐⭐⭐⭐
thywordpress
This plugin displays color swatches in the WooCommerce sidebar, allow my customers to quickly preview. Thanks a Lot
⭐⭐⭐⭐⭐
wdsydney
Beautifys your variations, simplifys backend
⭐⭐⭐⭐
thatLeo
Very useful plugin
⭐⭐⭐⭐
Saurabh Jain
Works flawlessly. Thanks for that
⭐⭐⭐⭐⭐
Larzans

We – and our partners – use cookies to deliver our services and to show you ads. By using our website, you agree to the use of cookies as described in our Cookie Policy