In the Dawn them on product pages when you have other media, by default clicking those images just enlarges them.
How can I change this to replace the main image with the clicked image instead?
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Our site is not currently live.
However this behavior is the default on any Dawn theme. Intead of how most themes are when you click on a second/third/fourth/etc
Clicking the image in the red circle should move the image to the top image instead of zooming in.
mage coming the main image, it zoom. I want it to become the main image.
Need code edits from code editor. Please ask for developer help.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on shopify.dev.34@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
Hi @JamesPyle ,
This is the default behavior of Dawn theme the only way to change this is to either move to a theme that offers the function you want (Brooklyn & Prestige) or hire a developer who can make the required code changes (Mostly JavaScript changes) to achieve the desired functions. It’s not possible to help you with the JavaScript code here.