I have this same question, i'm using the Out of the Sandbox - Turbo 4.2.1 theme. Instead of clicking/tapping an image in my thumbnail gallery/grid to change the main product image, i want it to happen when the user hovers over a thumbnail, and then that image stays in place as the main image until a different thumbnail is hovered.
As for a plan for customers that aren't on a device supporting hover:
1. You could still click to change the thumbnail image on desktop
2. I plan to remove the thumbnail gallery on mobile and require swiping through the gallery
Could someone help with this code?
Example of functionality: https://www.theory.com/sartorial-stretch-wool-chambers-suit/suit-shop-new-tailored-wool-black.html?c...
(i also like the border around the thumbnails on hover)