Imagery

Shopify Discussion

Topic summary

A user is seeking help with product image functionality on their Shopify store using the Drop theme. Currently, customers must click a small button in the top-left corner to open product images.

Desired Change:

  • Make the entire product image clickable, allowing customers to click anywhere on the image to open it

Proposed Solutions:

  • Add custom JavaScript snippet to the theme’s liquid file
  • Modify the theme.liquid file by inserting code before the closing </body> tag

The discussion includes step-by-step instructions for accessing the theme editor (Admin → Online store → Theme → Edit code) and implementing the fix through code modifications. The conversation remains technical and solution-focused, with contributors providing specific implementation guidance.

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

Hi there,

Could someone please help me. Currently, customers have to click on a little button on the top left hand side of my product image for it to open. Is there a way I can make it open if they click on anywhere in the image? URL: https://salourlingerie.com/products/rochelle-bodysuit

My theme is drop.

Thanks!

2

Hi, yes. I think the simplest way is to add a custom JS snippet in some JS or the liquid file (theme.liquid).
3

@Holly18 ,

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before tag