Product display page - image opening issue

Store Design
1

hey there

i use the recent dawn theme for my store, and previously on my product landing page i had this zoom in option on images of my product which was annoying so i got rid of it by adding

.product__media-toggle {display: none !important;}

.product__modal-opener .product__media-icon {display: none !important;}

these codes at bottom of section-main-product.css page, it works fine now, but the other issue im facing is i cannot open the image of the product on product display page, like when i click on the product image it should open in a pop up display, but it isnt opening, what should i do?

please help me out

any help would be appreciated

im attaching the url of my store for reference purpose

https://efentestore.com/

2

So you want the zoom option to work on product page but not on home page. You can add this snippet at the very end just above in theme.liquid

{% if template == 'product' %} 
.product__media-toggle {
  display: none !important;
}
.product__modal-opener .product__media-icon {
  display: none !important;
}
{% endif %}

Please remove the code from section-main-product.css

Thanks

3

I have checked your store link and understand what the issue is, When you remove the add code did it work normally as there are other ways to get your issues fix before adding code

4

@hammadCodes no i do not want the zoom option at all, but i want my product images to open up in a pop up, normal sized image, when clicked on the product image

5

@Horlart_Expert when i remove the code that i added it would just zoom into the image, it didnt open the image like normally that happens when you click on a image

6

There should be an option for the zoom to be removed on the customization page and the image popup

7

Replace your custom code with this one

@media screen and (min-width: 750px){
 .product-media-modal__content>* {
    max-width: 600px !important;
 }
}
@media screen and (max-width: 749.98px){
 .product-media-modal__content>* {
    max-width: 100% !important;
 }
}
8

@Horlart_Expert there isnt in the recent dawn theme

9

@hammadCodes thank you very much this works like a charm, the zoom in icon still gets displayed but i can do with it, much appreciated, thank you again.

10

Perfect. You can mark the solution now so it can help others