Hopefully a simple question-- my site sells different styles of photo albums, often with a variety of cover images/ colors (example: https://www.frameitwabanstore.com/p-3028-pioneer-small-fabric-4x6-photo-album-da-46cbf.aspx) using Advanced Image Viewer. We have a default image with the full array of cover options, and then individual images for each cover option.
I managed to get the colorControls thumbnails to update the color dropdown value in the add-to-cart-form (and vice versa,) and selecting from the thumbnail or the dropdown will update the main (medium) product image, as well as the large pop-up image.
The only part that isn't working is the 'zoomImg' doesn't update on dropdown or thumbnail selection, so on hover it's still showing the default image instead of the selected option. I know I need to set the image src of 'zoomImg' to the appropriate image so that it refreshes along with the medium and pop-up images, but I can't seem to make it happen (I am by no means a js or xml expert.) Any help would be appreciated.
EDIT: I also just noticed that products with size/color modifiers have no product image in the shopping cart or the One Page Checkout mini-cart. These products all have default images; shouldn't that show up even if it can't find a variant image?