In the Dawn theme’s product page on mobile, when you tap a product image, it zooms to fill the whole screen (lightbox), and then the user needs to find the “x” icon in the top right corner to close it and return to the product page. Watching some session replays, it seems to me that some users are getting stuck here. How to make it so that the lightbox can be closed by tapping anywhere? (Or maybe by zooming out? In any case, something more discoverable.) Thanks.
Topic summary
-
Mobile UX issue on Shopify’s Dawn theme: tapping a product image opens a full-screen lightbox (overlay image viewer). Closing currently requires tapping a small “X” in the top-right, and session replays suggest some users get stuck.
-
Request: make the overlay dismissible by tapping anywhere on the screen, or alternatively by zooming/pinch-out, to improve discoverability.
-
Response: a helper offered to implement the change but asked for collaborator access to the store; no technical steps or code provided in-thread.
-
Outcome/next steps: no solution posted yet. Action item is for the store owner to grant collaborator access. Status remains unresolved.