How can I move the product description and other tabs below the image, category and short description?
I need to have 6 tabs below the image so the main idea is to have the image using 50% of the screen at the left, the title, category, short desc, etc… at the right with the other 50%.
Then below that all the tabs I need.
Thanks.
Hey peterolle,
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function av_woo_tabs_below_product_image() {
if ( is_product() ) {
remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1);
add_action('avf_sidebar_position', 'woocommerce_output_product_data_tabs', 1);
}
}
add_action( 'template_redirect', 'av_woo_tabs_below_product_image');
This moves the product tabs under product gallery and above product sidebar, the sidebar is not required, I’m just noting where it will be if used. This works for both WooCommerce 3.0 product gallery & Default enfold product gallery
Best regards,
Mike
Hey Mike.
It is too small. How can it uses the complete width?
Just as related products do.
Image + Summary
Then tabs (full width)
Then related (full width as they are)
Also, where to disable that single product sidebar, I am not seeing it, but I can see the space it is using inspecting the code.
Thank you.
Hi,
Ok, I didn’t understand your original request to be full width, so try this:
function av_woo_tabs_below_product_summary_full_width() {
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', 20 );
}
add_action( 'init', 'av_woo_tabs_below_product_summary_full_width');
Best regards,
Mike