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. Automating Code Linting with GitHub Actions for WordPress Plugins
2. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer
3. The Ultimate Guide to Indexing in Database Design
4. Understanding 'update_meta_cache' in WordPress - When to Use It, When Not to, and Its Impact on Database Queries
5. A Guide to Configuring JavaScript and SCSS Paths in WordPress Plugins with @wordpress/scripts

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.