How to remove WooCommerce Product Images from single prodcut page

Howdy!

For product images, use the following line of code:

remove_action( 'woocommerce_before_single_product_summary', 'woocommerce_show_product_images', 20 );

For the “add to cart” button, use:

remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );

For the description tab, use:

add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );

function woo_remove_product_tabs( $tabs ) {
    unset( $tabs['description'] );
    return $tabs;
}

This custom code should be added to your child theme’s functions.php file or via a plugin that allows custom functions to be added, such as Code Snippets. Please don’t add custom code directly to your parent theme’s functions.php file as this will be wiped entirely when you update.

Cheers!

Thank you so much for the help.

This code works but it didn’t do what I’m actually trying to achieve.

I’m trying to achieve something like this page

These guys seem to have managed to remove the whole area above the description text. How would I go about doing that?

Thanks

Hi there!

Looking at that page, they’ve embedded the checkout page into that page using an iframe.

If you’re looking a a product page, you can remove/re-arrange sections using the actions as demonstrated here:

https://wpbackoffice.com/reorder-product-page-contents-woocommerce/

Hope that helps!

We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.