How to disable image click feature on product page?

Hello, I am having an issue where clicking on an image on a product page causes it to pop up on it’s own and I am trying to remove that altogether so that the images can’t be brought into this little slideshow shopify has made. I am using the taste theme and here is a sample product: https://stylcase.com/products/the-great-wave. When you click on an image it looks like this:

This is what I’m trying to remove, it serves no purpose and can be annoying for customers when accidentally clicked, any advice helps, thank you.

Hi @styl ,

Can you please check in customize setting on theme, on single product page. On theme often support user have options for this part. If the theme not support and it is default, you will need check in the code and disable that feature.

Let me know if you have any question regarding technical or want customize theme.

Hope can helpful to you!

Thanks!

I see it’s coming from an app. it will be needed to change the main-product template file. here is a quick solution

#photo-swipe-39bc72a1-27c2-4c54-be2a-31e6cffbb741 {
    display: none !important;
}

Hi, @styl

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.

Thank you, but that did not work

plz replace the previous code with this

.pwwp {
    display: none !important;
}

Solved, turns it out it was an app issue, thank you all

im having the same problem but i cant find base.css anywhere can you please help me. https://youngmillionaireclub.co.nz/ that is my site and when ever you click on a product image it takes you to a different site excluside to the picture. it is really weird. I use an app called loadify but I dont know how to fix it.

I would love to know how you solved this. Thank you!

I just want to disable the customer from clicking the photo and the photo taking up the whole screen.

can you pls help in how you solved this ?