Change Product Tabs Order

The good news is that we do not have to deal with sorting arrays like we did with my account menu or admin columns for example.

Each of the tabs has a priority parameter:

• Description – 10,
• Additional information – 20,
• Reviews – 30.

We can easily display the “Reviews” tab first by changing this parameter:

add_filter( 'woocommerce_product_tabs', 'misha_change_tabs_order' );

function misha_change_tabs_order( $tabs ) {

	$tabs['reviews']['priority'] = 5;

	return $tabs;

}

As you can see on the screenshot below, this not only changes the tab order, but also changes which tab is opened by default which is cool.

One more thing –  that hook priority in this case must be 98 or below! It is because the array sorting function is also connected to this hook and has 99 priority.

add_filter( 'woocommerce_product_tabs', 'misha_change_tabs_order', 98 );

One more time – if you set it 99 or more than 99, the code will have no effect at all!

More about Product Tabs

• Change Product Tab Titles and Headings
• Remove Product Tabs
• Create a Custom Product Tab
• Add or Change Content of Default Product Tabs

Misha Rudrastyh

I develop websites since 2008, so it is total of 13 years of experience, oh my gosh. Most of all I love love love to create websites with WordPress and Gutenberg, some ideas and thoughts I share throughout my blog.

Need some developer help? Contact me