When using our single variations plugin for WooCommerce you may see missing images in your category or product listing pages. The main root cause of this issue is that themes often just try to list the main product image in categories. A variation however most of the times does not have an explicit main image assigned. Furthermore variations by default have no way to assign gallery images to them, which most themes use to display a nice hover effect. There are two ways to solve this.
Manually assign Variation Images
The first solution would be to assign a main variation image for every single variation manually. To do this:
- Edit a Variable product in Backend
- Go to Variations Section
- Open one Variation
- Click on the image icon to assign a variation image
- Save
In some cases the solution is not acceptable or it would require too much work to assign an image to every variation. Also this does not solve that there are no gallery images / hover image swap effects displayed in your listing. That is where solution two comes in.
Use our Product Variation Gallery Images Plugin
Our WooCommerce variation gallery images plugin solves two issues:
- It creates a fallback for variation images to the main product image
- It allows assigning gallery images for variations
Just enable both settings. Then in your category listings your variation products will show the main parent product image when empty. And in addition it will show gallery images of the variation itself or the main parent product image gallery.
Furthermore you are now also able to set gallery images for each single variation product as you can see in the image below.
Good article for beginners 🙂