WooCommerce Variation Images not displaying

wordpress woocommerce product variations
Brian Francoeur picture Brian Francoeur · Sep 19, 2016 · Viewed 8.2k times · Source

On the single product page, when I select a color, the featured image doesn't change. WordPress has been updated to 4.6.1, WooCommerce to 2.6.2, and the Storefront theme to 2.1.2. I have deactivated all plugins except WooCommerce and am using the Storeront theme exactly as I installed it.

I cleared all caches, cleared my browser cache (Chrome, latest version),and even went so far as to re-enter all variation images for a single product. Further testing hs yielded the same result. I have no PHP errors, no errors in Dev tools, and no errors in WooCommerce System Status. After searching through a number of forums, including this one, I haven't been able to find a solution. WooCommerce documentation is limited and isn't helpful at the moment. I have done all the updating and troubleshooting per the documentation, and this feature still doesn't work. The WooThemes team is out to their annual conference until September 22nd, so I can't submit a ticket.

Has anyone had a similar problem? What did you do to solve it?

Thanks!

Answer

NSTuttle picture NSTuttle · Sep 19, 2016

In your list of product variations there is a little blue icon acting as an image placeholder. BE SURE TO INCLUDE LINK URL FOR IMAGES. Upload your image and then “insert”. All your variations should have an image here. On the product page the image will(should) automatically change when you select a variation.

Further Reference

enter image description here

Related questions

add additional button on product page for woocommerce

I have spent the majority of the day trying to figure out how to adjust the single product page using woocommerce. I would like to add a custom button next to the "Add to cart" button that would be a …

Read More
Replace the Variable Price range by the chosen variation price in WooCommerce 3

On WooCommerce I would like to change the Variable single product page layout. Because, when you have an variable product you get this wired price rage ( below product title ) in the Variable Product page and it shows in the shop …

Read More
Get the product variations attributes values term ID and name

In WooCommerce, I'm using $product->get_variation_attributes() to get the variations attributes for a product. This function returns an array with the names without the ID's. Like this: [pa_color-shirt] => Array ( [0] => red [7] => grey [14] => yellow ) […

Read More