hi, how can I zoom on product images when they click on the image?
Topic summary
Goal: Enable zoom on product images when clicked on the product page in a Shopify store.
Proposed solutions:
- Built-in option (no code): In Shopify Admin > Customize, open a product page and enable the image zoom setting shown in the screenshots (theme setting highlighted in a red box). This relies on the theme’s native zoom feature.
- Custom code: Implement a jQuery-based image zoom following the Shopify Partner Blog guide (jQuery image zoom). Suitable if comfortable editing code.
- Apps: Use third-party apps for a quicker setup and extra features, e.g., Magic Zoom Plus or Cool Image Magnifier.
Notes:
- The provided screenshots are important for locating the exact theme setting in the product page editor.
Status/outcome:
- No confirmation from the original poster; suggested methods are provided, but the thread lacks a verified resolution and remains open pending user feedback.
Hi @Ezeta , You can refer to the following methods.
- Method 1
- Step 1: Go to Shopify Admin and Customize
- Step 2: Go to the product page and select the option as shown in the red box
-
Method 2: If you’re familiar with coding, you can attempt to follow the directions.: https://www.shopify.in/partners/blog/jquery-image-zoom
-
Method 3: There are some apps can help you set up more faster like : https://apps.shopify.com/magic-zoom-plus, https://apps.shopify.com/cool-image-magnifier
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!