The functionality you're looking for, where the main product image on the shop page changes based on the selected color filter, is an advanced feature that is not built into Salient or standard WooCommerce.
This effect is typically achieved by using a specialized third-party plugin for variation swatches. These plugins are designed to extend WooCommerce's capabilities by linking your color attributes to specific variation images and then updating the main catalog image when a swatch is selected.
While we can't recommend a specific third-party plugin, a popular and well-regarded option that provides this functionality is the "Variation Swatches for WooCommerce" plugin by Emran Ahmed. You can find it on the WordPress plugin repository: https://wordpress.org/plugins/woo-variation-swatches/
Please note that implementing and configuring this is a more advanced task. If you're not comfortable setting it up, you may wish to consult with a developer. I hope this points you in the right direction!
When you use the color filter on the Shop Page, the main images of the products do not change to display the appropriate image for the chosen color.
What I need:
A way to change the main image of a product based on the color chosen in the filter
Hi Shrouk,
Good to hear from you.
The functionality you're looking for, where the main product image on the shop page changes based on the selected color filter, is an advanced feature that is not built into Salient or standard WooCommerce.
This effect is typically achieved by using a specialized third-party plugin for variation swatches. These plugins are designed to extend WooCommerce's capabilities by linking your color attributes to specific variation images and then updating the main catalog image when a swatch is selected.
While we can't recommend a specific third-party plugin, a popular and well-regarded option that provides this functionality is the "Variation Swatches for WooCommerce" plugin by Emran Ahmed. You can find it on the WordPress plugin repository: https://wordpress.org/plugins/woo-variation-swatches/
Please note that implementing and configuring this is a more advanced task. If you're not comfortable setting it up, you may wish to consult with a developer. I hope this points you in the right direction!
Best wishes,
Salient Theme Support