Athens Theme - Remove magnifier on product page

[David123123]

How do I remove the magnifiying option on the product page?

[GemPages]

Hello @David123123 ,

According I’m understanding, you want to remove the icon magnifying. If I’m correct, you can check my suggestion below to make it:

1. Go to Edit code on Online Store:

2. Add my code above the </body**>** tag on file Theme.liquid:

I hope you find the answer helpful. If you need further support, do not hesitate to reach out to us.

Kind & Best regards,
GemPages Support Team.

[David123123]

Thanks that helped remove the icon! But I’m also looking to remove the ability for people to zoom in on the images when clicking, is there a way to do that?

[Litos]

Hi @David123123 ,

Go to Assets > base.css and paste this at the bottom of the file:

.product-media-icon-enlarge {
    display: none !important;
}

Hope it helps!

[David123123]

Hmm, this didn’t seem to work. I have the icon removed, but I’m trying to make it so when people click it doesn’t scale the image.

[Litos]

Hi @David123123 ,

Please send your site and if your site is password protected, please send me the password. I will check it.

[David123123]

artgex.myshopify.com - enter pass: Superpowa123

[Litos]

Hi @David123123 ,

Go to Assets > base.css and paste this at the bottom of the file:

.product-media-toggle,
.product-media-icon-enlarge {
      display: none !important;
}

Hope it helps!

[David123123]

This worked thank you!