We need help with all or either of the below mentioned tasks:
Task 1: We want to show multiple product images based on the variant shopper selects on the product page. For example we have a scarf in different colors (Blue, White and Black), and we have three images of each color. If user selects Blue from colors choice, we want the user to only see images related to Blue scarf.
Task 2: Right now we have description, features, size, material and care all under the description tab for each scarf. However, we would like to add different tabs under the description tab for each of the above mentioned headings. For example, if the user clicks on the size tab then it expands to show the information on size and on clicking again on size it hides the information.
Task 3: We don’t get higher zoom on clicking the pictures, the pictures just change the frame but with same zoom. We would like to add the capability to zoom in if the user clicks the picture.
Also, once the pictures are in the zoom mode then we want small radio button with other pictures for similar scarf. Once the user clicks on these radio buttons it should be possible to navigate between different pictures for the scarf without exiting the zoom mode.