How to move the product description below the product images in Enfold

In Enfold, one of the popular WordPress theme, the product description is located beneath the short product description on single product page in WooCommerce by default on the contrary of other themes.

You might want to move the product description below the product images.

In this case, you can add the following code to the functions.php file of your theme:

add_action('init', 'avf_move_product_output');
function avf_move_product_output() {
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 5 );
}

If you add the above code to your theme's function file, the product description will be moved in full-width under the product images.

By the way, WooCommerce product tabs will be displayed below the product images in other themes unlike Enfold. If you want to move WooCommerce product tabs to under product summary on the right in canvas, please use the following code:

// Removes tabs from their original loaction
remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );

// Inserts tabs under the main right product content
add_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 60 );

This will move the product description below the product short description on single product pages.


Leave a Comment