Skip to main content

Change WooCommerce Default Placeholder Image

Submitted by admin on Thu, 12/16/2021 - 09:33

In this WordPress tutorial we will learn how to replace the default placeholder image (no image) in woocommerce.

What is placeholder image

If you don’t upload any product image then woocommerce will automatically display this placeholder image as default product image.

Where is default placeholder image saved

The default WooCommerce placeholder image is saved at:


Size of default placeholder image is: 398px x 391px

In this WordPress tutorial we will learn how to replace this default placeholder image.

Method One: From WooCommerce Settings

This method is easiest and recommended for all users.
Login in WordPress dashboard and navigate to:
Dashboard arrow WooCommerce arrow Settings arrow Products arrow General

Under option Placeholder image enter the path of your new placeholder image.

Save. Done!!!

You can also use WordPress media uploader to upload your new placeholder image. After uploading image, copy the image url and paste in WooCommerce settings as explained above.

Dashboard arrow Media arrow Add new

Method Two: Delete and upload default image

The default WooCommerce placeholder image is saved at:


Delete this image and upload your new placeholder image in same directory and rename this new image to placeholder.png

Method Three: Functions.php

If you are a theme developer and wish to ship your own custom WooCommerce placeholder image with your theme, then this is the best method for you. Add following codes in functions.php of your theme.

 * Change the placeholder image
add_filter('woocommerce_placeholder_img_src', 'custom_woocommerce_placeholder_img_src');

function custom_woocommerce_placeholder_img_src( $src ) {
	$upload_dir = wp_upload_dir();
	$uploads = untrailingslashit( $upload_dir['baseurl'] );
	// replace with path to your image
	$src = $uploads . '/2019/10/newplaceholder.jpg';
	return $src;

In above code, change the value of $src to your new placeholder image path.

Method Four: Using Plugin

There are many plugins which you can use to set the default placeholder image like:
Placeholder Image for WooCommerce


Add new comment

Restricted HTML

  • Allowed HTML tags: <a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • Lines and paragraphs break automatically.
  • Web page addresses and email addresses turn into links automatically.