How to Hide/Remove Woocommerce Product Featured Image

by Editor
47 views

If you want to remove WooCommerce image for product page or hide it from the frontend, follow the steps below.

This twerk applies also to WooCommerce default image placeholder. This placeholder represents featured images on the single product page where the author/poster failed to upload a featured image when he/she was creating the product for the sites’ shop page.

How to hide WooCommerce featured image in WordPress.

Featured image on a single product page can be removed with simple CSS code. However, you can completely remove the image on all products in your WordPress product pages.

Let’s see how this can be achieved.

How to hide WooCommerce Single Product image in WordPress.

  • Login to you WordPress site
  • Hover your mouse on Appearance menu on the left side of your screen > Customize.
  • Click on Additional CSS.
  • Add the below CSS code in the Textarea (Replace 235 with your WooCommerce product ID):

.woocommerce #content div#product-235 .woocommerce-product-gallery {
display:none;
}
.woocommerce #content div#product-235 div.summary {
float: left;
}

How to completely hide all WooCommerce product image in WordPress.

  • Go to Appearance > Customize from your admin dashboard.
  • Click Additional CSS.
  • Add the below CSS code in the textarea:

.woocommerce #content div.product .woocommerce-product-gallery {
display:none;
}

The above code will hide all product images and WooCommerce placeholders.

Finally, if you want to align the product description to the left side, then your must add this piece of CSS code in your Additional CSS option just like you did earlier.

.woocommerce #content div.product div.summary {
float: left;
}

That’s all.

If you still find this process confusing, let us know and we will be glad to assist you further.