How can I stop product images from opening in a new tab on my website?

[william30]

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.

[RheaRose]

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!

[jodutola]

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.