How to Remove Woocommerce Shop Images?

5 minutes read

To remove WooCommerce shop images, you can go to the dashboard of your WordPress website and navigate to the WooCommerce settings. From there, go to the Products section and select the Display tab. Look for the option to disable the product images or thumbnails on the shop page. Save your changes and refresh your shop page to see if the images have been removed. Alternatively, you can also edit individual product pages and remove images from there.

Best WordPress Hosting Providers in 2024

1
DigitalOcean

Rating is 5 out of 5

DigitalOcean

2
AWS

Rating is 4.9 out of 5

AWS

3
Vultr

Rating is 4.8 out of 5

Vultr

4
Cloudways

Rating is 4.7 out of 5

Cloudways


How to permanently remove shop images in WooCommerce?

To permanently remove shop images in WooCommerce, you can use the following steps:

  1. Log in to your WordPress dashboard.
  2. Go to WooCommerce > Settings > Products tab.
  3. Under the "Display" section, uncheck the option for "Product Image" or "Product Thumbnails" depending on which images you want to remove.
  4. Save the changes.
  5. If you want to remove all images from your shop, you can also go to the Products section and individually edit each product to remove its images.
  6. You can also go to the Media Library and manually delete any product images that you no longer want to display on your shop.


By following these steps, you can permanently remove shop images in WooCommerce. Keep in mind that this may affect the user experience, so make sure to inform your customers about any changes you make to your product images.


How to hide shop images on specific product pages in WooCommerce?

To hide shop images on specific product pages in WooCommerce, you can add the following code to your theme's functions.php file or a custom plugin:

  1. First, find the ID of the specific product page where you want to hide the shop images.
  2. Use the following code snippet to hide the shop images on that specific product page. Make sure to replace '123' with the actual ID of the product page.
1
2
3
4
5
6
7
8
9
add_action('wp','hide_shop_images_on_specific_product_page');
function hide_shop_images_on_specific_product_page(){
    global $post;

    // Check if it's a product page and the specific product page ID
    if(is_product() && $post->ID == 123){
        remove_action('woocommerce_before_single_product_summary','woocommerce_show_product_images', 20);
    }
}


  1. Save the changes to your functions.php file or custom plugin, and refresh the specific product page to see the shop images hidden.


This code will remove the shop images from the specific product page with the ID provided in the code snippet. You can add multiple product IDs and customize the code further to suit your specific needs.


How to remove a single shop image in WooCommerce?

To remove a single shop image in WooCommerce, you can follow these steps:

  1. Login to your WordPress dashboard.
  2. Go to "Products" and then "All Products" to view the list of all products in your WooCommerce store.
  3. Find the product that you want to delete the image from and click on the product name to edit it.
  4. In the product editing screen, scroll down to the "Product Gallery" section where you can see all the images attached to the product.
  5. Hover over the image you want to remove and click on the "x" icon that appears on the top right corner of the image.
  6. Confirm the deletion of the image when prompted.
  7. Update the product by clicking the "Update" button on the right side of the screen.
  8. The image will now be removed from the product and will no longer be displayed on the product page.


That's it! You have successfully removed a single shop image in WooCommerce.

Facebook Twitter LinkedIn Telegram

Related Posts:

To export more images in XML feed from WooCommerce, you will need to modify the code or use a plugin that allows you to customize the XML feed. By default, WooCommerce only includes one image per product in the XML feed. To include more images, you can add cus...
To set up a WooCommerce storefront for digital products, follow these steps:Install WooCommerce: Start by installing the WooCommerce plugin on your WordPress website. Go to the Plugins tab, click on "Add New," search for WooCommerce, and click on "...
To resize a product image on WooCommerce, you can either use the built-in image resizing settings in WooCommerce or modify the image dimensions manually.To use the built-in image resizing settings, go to WooCommerce Settings > Products > Display. Here, y...