Changing the displayed variant when hovering over swatches can enhance the shopping experience by providing a quick preview of the variant options. Here’s how you can achieve this for different sections of your store:
On the Product Page:
This feature requires a bit of customization through custom JavaScript. Please contact our support team, and they’ll assist you in implementing this functionality on the product page, tailoring it to fit your store’s unique needs.
On the Collections Page:
For the collections page, we offer a built-in setting to facilitate this experience. Enable the "Change Variant Image on Swatch Hover" option in the Advanced Collection Page settings under the App embed in the Theme editor. When activated, hovering over a swatch will update the main image in the collection card to reflect the corresponding variant. Here is screenshot from app emebed in a theme customiser.
Implementing these changes will allow customers to visually explore different variants directly from the swatch hover, making for a more interactive and informative browsing experience.
Encountering Issues?
If you face any challenges or have questions while setting up variant change on hover, don’t hesitate to contact us. Our support team is here to assist you in resolving any problems and optimizing your store setup.