Menu Close

WooCommerce: Move Product Tabs Under the Short Description

default

Mostly when the long description and additional information are short, you may want to move this block of content to the right hand side of the product image – as opposed to “waste” a lot of space underneath it. Here’s how you move the product tabs to the right!

Move product tabs in WooCommerce
Move product tabs to the right hand side on the WooCommerce Single Product Page

PHP Snippet: Move Tabs Beside The Featured Image @ WooCommerce Single Product Page

/**
 * @snippet       Move product tabs beside the product image - WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 7
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );
View Source
Posted in WooCommerce Tips