Specific code
Wow Shopify com IA

Specific code

How to see the code

1. Please log in/create an account first. This is to ensure that all purchases are connected to an account and can be viewed on different devices.

2. Purchase the code using the "purchase box" on the specific page of the desired code.

3. After the purchase, please refresh the page.

Please note that the code may not be compatible with any currently installed apps.


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





Voltar para o blogue

Deixe um comentário

Checkout The FREE SHopify Tools

Shopify FREE tools