Motion theme product page image zoom - customization - urgent

Store Design
, , , , , ,

Topic summary

A user is seeking to customize the product page image zoom functionality on their Shopify store using the Motion theme.

Current Issue:

  • Image zoom only activates when clicking the magnifying glass icon
  • User wants zoom to trigger when clicking anywhere on the product image
  • This customization is specifically needed for mobile devices

Store Details:

  • Website: taramajeans.com
  • Example product page provided showing current zoom behavior

Status:

  • Request marked as urgent
  • Another user (@Opeyemi00282) appears to have offered assistance
  • Solution implementation is pending

The discussion involves HTML/CSS customization of a third-party theme’s product page functionality.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I’m using motion theme in that I need to customize the product page image zoom is doing only when the magnifying glass in clicked, But I want to customize by wherever the image is clicked I need to make the image zoom in mobile device product page

Website: https://www.taramajeans.com/collections/shorts/products/tarama-high-rise-skort

Thanks In advance.

Sivadarshan_0-1742875285479.png
Sivadarshan_0-1742875285479.png542×697 186 KB

2

@Opeyemi00282 sure you can help me and guide me in achieving this. And thanks for the update