Remove Zoom From Product Images - Taste Theme

Tylerverdee
Excursionist
42 0 7

Hi, 

 

Would anyone know how to remove the zoom / magnify that pops up while in a product looking at the images?

TGreen
Replies 7 (7)

BSSCommerce-HDL
Shopify Expert
702 224 236

Hi @Tylerverdee ,

Can you kindly share your store link (with the password protected) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Tylerverdee
Excursionist
42 0 7
https://muddytrenchwear.com/

Password = MTT2024
TGreen
BSSCommerce-HDL
Shopify Expert
702 224 236

Hi @Tylerverdee,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

BSSCommerceHDL_0-1717896507228.png

 

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

BSSCommerceHDL_1-1717896512931.png

Step 3: Insert the below code at the bottom of the file -> Save

modal-opener.product__modal-opener {
    pointer-events: none !important;
}

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Tylerverdee
Excursionist
42 0 7
This still does not change anything
TGreen
BSSCommerce-HDL
Shopify Expert
702 224 236

Hi @Tylerverdee

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Inside head tags. You need create style tags. After insert my code inside it

BSSCommerceHDL_0-1717932999154.png

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

BSSCommerce-B2B
Shopify Expert
352 58 66

Dear @Tylerverdee ,

I have reviewed your requirement, you just need to e customize theme and the issue will be resolved.  You can follow my instructions! 

Step 1: Go to Admin -> Online store -> Theme > Customize:

BSSCommerceB2B_0-1717728207417.png

 

Step 2: You can change option of "Image zoom" by "No zoom" at Product page for remove the zoom / magnify that pops up

BSSCommerceB2B_0-1717728391215.png

 

Step 3: Save and reload page.

 

I hope these instructions will help you. If they are helpful, don't forget to like and mark as the solution.

Have a nice day sir! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Wholesale Solution by BSS |
For adding product labels/badges, visit BSS: Product Labels & Badges

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

Tylerverdee
Excursionist
42 0 7
Hi there,

There is no option for that on the theme that I am using. Which is taste
theme

Thank you

TGreen