FROM CACHE - en_header
Have your say in Community Polls: What was/is your greatest motivation to start your own business?

Disable Zoom (Not Hide) On Product Image On Mobile Dawn Theme 11.0

Solved

Disable Zoom (Not Hide) On Product Image On Mobile Dawn Theme 11.0

basically
Tourist
22 0 0
‎10-22-2023 10:57 PM

Need to disable zooming feature in product page in mobile, if possible need to disable on every page shopify Dawn theme 11.

Labels:
1,953 Views
0 Likes
Report
Accepted Solution (1)
In response to basically

Dan-From-Ryviu
Shopify Partner
10256 2038 2109
‎10-23-2023 12:13 AM

This is an accepted solution.

This is zoom function of device, not zoom function of theme. If you want to remove this, please add this code to your theme.liquid file after <head> tag 

 

{%- if template.name == 'product' -%}
<meta name="viewport" content="width=device-width, user-scalable=no">
{%- endif -%}

 

 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

1,891 Views
0 Likes
Report
Replies 11 (11)

Dan-From-Ryviu
Shopify Partner
10256 2038 2109
‎10-22-2023 11:05 PM

Hi @basically 

You can do that by adding this CSS code to Custom CSS of Product information section in your product template

Screenshot 2023-10-23 at 10.04.21.png

@media (max-width: 767px) {
  .product__media-toggle:after,
  .product__media-icon--lightbox {
    display: none;
  }
}

 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

1,948 Views
0 Likes
Report
In response to Dan-From-Ryviu

basically
Tourist
22 0 0
‎10-22-2023 11:12 PM

Seems not working 🤔

1,943 Views
0 Likes
Report
In response to basically

Dan-From-Ryviu
Shopify Partner
10256 2038 2109
‎10-22-2023 11:15 PM

If you don't mind, can you share your store link so I can check?

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

1,940 Views
0 Likes
Report
In response to basically

Dan-From-Ryviu
Shopify Partner
10256 2038 2109
‎10-22-2023 11:39 PM

Image zoom is disabled as I have checked on my side. Did you try to reload your page to check after adding the code?

 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

1,920 Views
0 Likes
Report
In response to Dan-From-Ryviu

basically
Tourist
22 0 0
‎10-22-2023 11:51 PM

Yes, it's still there for me...is it because of the browser? im using chrome.

You checked on mobile only right? what device?

1,909 Views
0 Likes
Report
In response to basically

Dan-From-Ryviu
Shopify Partner
10256 2038 2109
‎10-22-2023 11:53 PM

I have checked both on mobile, chrome, safari browsers. Please try to use Incognito browser and check again

 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

1,907 Views
0 Likes
Report
In response to Dan-From-Ryviu

basically
Tourist
22 0 0
‎10-22-2023 11:59 PM

Please check attached screen recording file.

1,905 Views
0 Likes
Report
In response to basically

Dan-From-Ryviu
Shopify Partner
10256 2038 2109
‎10-23-2023 12:13 AM

This is an accepted solution.

This is zoom function of device, not zoom function of theme. If you want to remove this, please add this code to your theme.liquid file after <head> tag 

 

{%- if template.name == 'product' -%}
<meta name="viewport" content="width=device-width, user-scalable=no">
{%- endif -%}

 

 

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

1,892 Views
0 Likes
Report
In response to basically

Dan-From-Ryviu
Shopify Partner
10256 2038 2109
‎10-22-2023 11:19 PM

Or please update code to this 

@media (max-width: 767px) {
  .product__media-toggle:after,
  .product__media-icon--lightbox {
    display: none !important;
  }
}

- Helpful? Like and Accept solution! Or Support me: Buy Coffees
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

1,936 Views
1 Like
Report
In response to Dan-From-Ryviu

HollandMoose
Visitor
1 0 0
‎05-26-2024 06:32 AM

Thanks! This code worked very wel for me to adjust the zoom size on mobile. I pasted the code in the custom css field of the product template. I am using the free shopify Taste theme.

821 Views
0 Likes
Report

Community Blog Articles

starting.webp
Dropshipping Viral Products to Sell in 2025

Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...

By JasonH Nov 27, 2024
top members.webp
Shining a spotlight on our top members of October 2024!

Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...

By JasonH Nov 14, 2024
bfcm-deals-and-discounts.jpg
Tips for Running BFCM Deals and Discounts 2024

In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...

By JasonH Nov 13, 2024
Terms of Service Privacy Policy