Hello,
I’ve scoured around the Shopify community to help with an issue on my website velodyneaudio.us where whenever I click a product variant image, it opens the image in a new tab. I could not identify the source of the issue, and I tried adding some code to my html and css but so far no luck. Please help me, I want the image to change when you click on it, not open it in another tab.
I had this issue and fixed it by updating the jquery asset in my code.
Go to Themes > Assets > Add a new asset
Name it “jquery-3.5.0.min” and change .scss to .js, then save it.
Open “jquery-3.5.0.min.js” and copy the code from the URL below into the asset file, and then save the file.
https://code.jquery.com/jquery-3.5.0.min.js
Next, go to Layout > theme.liquid and open the file
Click the file, hit ctrl+F, and paste “script_tag” to search for this line of code: {{ ‘jquery-2.2.3.min.js’ | asset_url | script_tag }}
Delete that line of code and replace it with this: {{ ‘jquery-3.5.0.min.js’ | asset_url | script_tag }}
Save the asset and refresh your product page. It should work!
I am having the same issue with my website “reelretroboutique.com”. I have looked at my codes and can’t find the problem also I have tried to insert the code, but it’s not pasting correctly.