Change configurable swatches order in Magento 2

Question

I want to know how can I change/set configurable swatches sort order in a products list page in Magento 2 ?

For example in the case above I want to have from top to bottom:

Colors Shapes Sizes

But at the moment it is: Sizes Shapes Colors

Any helps are appreciated.

Answer 1

You have to edit configurable product, in configurable tab (product edit page) you can view option for Edit Configurations.

Click on Edit Configurations, you can see select attribute screen, go to next for step 2.

In step 2 you can see your selected attributes like size and color.

You can change position of your attributes by drag and drop from here. drag and drop from square icon you can see.

set you attributes position here, save your product.

Now check product on front side list page, you can see your position changes here.