Dawn Theme. How do I move product name above product image and price?

Store Design
, , , , ,

Topic summary

A user wants to reposition the product name to appear above the product image and price on their Shopify store using the Dawn theme.

Current Issue:

  • Product name currently displays below the image and price
  • User provided screenshots showing desired vs. current layout

Solution Provided:
Another user offered step-by-step instructions:

  • Navigate to theme code editor
  • Locate the main-product.liquid file
  • Find the code block containing product.title
  • Move this code block to appear before the product media gallery section

This CSS/HTML customization should reposition the product name above both the image and price as desired. The solution appears straightforward and directly addresses the layout concern.

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

JMecom_0-1706453922154.png
JMecom_0-1706453922154.png1045×569 102 KB

The picture above is the way I would like my product name to be displayed.

This is what my product name is currently being displayed as:

JMecom_1-1706453965950.png
JMecom_1-1706453965950.png1315×605 286 KB

My website is www.moxxishop.nl

password is: maycru

Thanks!

1 Like
2

Hi @JMecom ,
The way to do this is quite simple
First, you need to go to edit theme code: https://prnt.sc/fC9fvxIDyg1Y
Find the main-product.liquid file: https://prnt.sc/CLr-dUMPndOI
Find the code with product.title: https://prnt.sc/B8Lki9pGP6D9
Transfer that code so it is placed before the product media gallery, like this: https://prnt.sc/AbSSUeJl5_zM

and the product name should be above your product image and price.

Hope this help and let me know if you have any questions :growing_heart: