Woocommerce Placeholder Image

Support
#1

Hi,

The default product placeholder image is not showing up on my shop pages (but is on single product pages). Why?

I’ve followed the instructions found here: https://docs.woocommerce.com/document/change-the-placeholder-image/ and I’ve had partial success.

The updated placeholder image shows fine on single product pages, but are still missing on the shop page (not even being loaded in the backend). How can I remedy this issue?

For further explanation, here is the code (from inspector) for a product that I manually designated a featured product image (that IS showing a thumbnail):

<li class="post-3700 product type-product status-publish has-post-thumbnail product_cat-uncategorized first instock product-type-simple">
	<a href="http://wpdev2/wordpress/product/pe2800-rope/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
	<div class="entry-product">
		<a href="http://wpdev2/wordpress/product/pe2800-rope/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
		<div class="entry-featured">
			<a href="http://wpdev2/wordpress/product/pe2800-rope/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
			<a href="http://wpdev2/wordpress/product/pe2800-rope/" style="outline: none;">
				<img width="300" height="300" src="http://wpdev2/wordpress/wp-content/uploads/2018/07/no-image-300x300.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt=""></a>
		</div>
	</div>
</li>

Here is an example of a product WITHOUT a manually designated featured product image (that IS NOT showing a thumbnail):

<li class="post-3701 product type-product status-publish no-post-thumbnail last instock product-type-simple">
	<a href="http://wpdev2/wordpress/product/pe3000a/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
	<div class="entry-product">
		<a href="http://wpdev2/wordpress/product/pe3000a/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
		<div class="entry-featured">
			<a href="http://wpdev2/wordpress/product/pe3000a/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link"></a>
			<a href="http://wpdev2/wordpress/product/pe3000a/"></a>
		</div>
	</div>
</li>

As you can see, the second example there is a class of “no-post-thumbnail” and there is no image information loaded in the entry-featured section.

#2

Hi @LemonSevensHealthcar

Are you developing this site on localhost? if so, could you please let us know in steps how to reproduce this issue at our end so we can debug this issue?

If you have the ability to upload the site to any live server for debugging purposes that would be great for sure.

Thanks.

#3

It is being developed locally. How to reproduce it? I don’t know… that’s why I’m asking for support. Woocommerce archive pages do not show placeholder images for products without the featured product imaged designated. This does work for themes like “Twenty Seventeen” but not “X Pro”.

#4

Hi @LemonSevensHealthcare,

This is not happening on my local installation and I am not sure how to answer as I do not see the error in my installations to be able to give proper suggestions.

I suggest that you remove the customization you added to the functions.php file of your Child Theme and see if the thumbnails are showing ok. If yes then it is the customization problem.

If no, then make sure that you use the version 2.1.6 of the Pro and the version of the Woocommerce which is mentioned here.

Also, test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

If you still have problems you will need to move your website to a live server and give us the proper login information to follow up.

Thank you.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.