Reorder product tabs in single product page - WooCommerce

The default tab order in WooCommerce single product page is given below.

1. Product Description - Post content
2. Additional Information - Attributes & Values
3. Reviews

But in few of our projects, our client asked us to reorder the tab. Below you can find the code snippet that help us to do same. You can use this code snippet in your theme’s functions.php or in your custom module file.

add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
function woo_reorder_tabs( $tabs ) {

	$tabs['reviews']['priority'] = 5;			// Reviews first
	$tabs['description']['priority'] = 10;			// Description second
	$tabs['additional_information']['priority'] = 15;	// Additional information third

	return $tabs;
}

Recent Posts

1. Scaling WordPress - How Custom Database Tables Solve the Post Meta Bottleneck
2. WordPress Transients Explained - A Developer's Guide to Site Performance
3. Behind the Click - The Hidden Journey of Your Web Requests
4. Automating Code Linting with GitHub Actions for WordPress Plugins
5. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer

This article was published on January 3, 2018

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.