Customize WooCommerce placeholder image

In WooCommerce, if there is no product image, WooCommerce will display a placeholder image as product image.

To change this placeholder image, use below code snippet.

add_filter( 'woocommerce_placeholder_img_src', 'psq47_custom_woocommerce_placeholder', 10 );

/*
 * Function to return new placeholder image URL.
*/
function psq47_custom_woocommerce_placeholder( $image_url ) {
  $image_url = 'http://wc23.co/wp-content/uploads/2015/08/placeholder.png';  // change this to the URL to your custom placeholder
  return $image_url;
}

Recent Posts

1. Automating Code Linting with GitHub Actions for WordPress Plugins
2. Comprehensive Guide to Linting PHP, JavaScript, and CSS in WordPress Plugins Using Composer
3. The Ultimate Guide to Indexing in Database Design
4. Understanding 'update_meta_cache' in WordPress - When to Use It, When Not to, and Its Impact on Database Queries
5. A Guide to Configuring JavaScript and SCSS Paths in WordPress Plugins with @wordpress/scripts

This article was published on May 21, 2016

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.