Adjust image zoom on the Showcase theme

Topic summary

Issue: On the Showcase theme, enabling the product “image zoom” opens a full-screen zoom that is considered too large. The requester wants to constrain the zoomed image to a maximum width (about 900px or ~70% of the screen) instead of full screen.

Context: The zoom can be toggled in theme settings, but there appears to be no built-in control for limiting zoom size. The ask is for code guidance to implement a max width/percentage cap.

Recent updates:

  • A helper asked for a store URL to investigate.
  • The original poster provided a product page link for review.
  • Another merchant reported the same issue and shared their product URL.

Status: No code solution or theme configuration has been provided yet. The discussion remains open and likely requires custom theme code changes after reviewing the shared URLs.

Summarized with AI on December 12. AI used: gpt-5.

Hi guys, I’m using the Showcase theme and have a question about the ‘Enable image zoom’ feature on my product pages.

You can toggle on and off the ‘Enable image zoom’ feature in the settings, however, when a product image is clicked and it zooms in, it displays images full screen which is way too big.

Does anyone know what code could be inserted to make the image zoom be a maximum of 900px or maybe 70% of the screen width?

Thanks in advance!

Hi, @LoganO

Please share the store URL so that I can assist you.

Thank you. Heres a url to one of my product pages:

https://escapeartist.shop/collections/photography-prints/products/karate-kid

I have same issue as well. https://www.catchers.store/collections/bedroom/products/siera-dressing-table-white