Home » WooCommerce: Move Product Tabs Under the Short Description

WooCommerce: Move Product Tabs Under the Short Description

by Tutor Aspire

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!

Move product tabs in WooCommerce
Move product tabs in WooCommerce

PHP snippet: move product tabs beside the product image

/**
 * @snippet       Move product tabs beside the product image - WooCommerce
 * @how-to        Get tutoraspire.com FREE
 * @sourcecode    https://tutoraspire.com/?p=393
 * @author        Tutor Aspire
 * @testedwith    WooCommerce 3.5.2
 * @donate $9     https://www.tutoraspire.com
 */

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 );

You may also like