Hi,
This code is for the specific customer ONLY.
1. In your Admin page, go to Online store > Themes > Choose the theme you want to edit > Edit code
2. Create a section. Go to Asset folder, and open the theme.js
3. Find the code below, and replace the highlighted code with the code provided. Make sure to SAVE
Code should look like this:
4. Next, go to the Snippet folder, and open the product-images.liquid file. Then find the code below
5. Before the code before the closing angle bracket, >, insert the code below
6. Before the highlighted code below, add the code provided
Code should look like this:
7. Next, find the code below, and add the code provided above the div
See the result code here:
8. In the same area, next to the product__thumb-item, before the quotation mark, create a space and paste the code below
See result here:
Assigning the media alt
1. If media is for two options, example: Cacao and 15 servings. Make sure to separate the words with | (pipe key, it is above the enter button). No spaces, texts must be the same as the options
2. You can duplicate the media if you need to assign the same image fore both options. Example: Cacao|15 Servings, and Cacao|30 Servings