Dawn product page title / add to cart button

Store Design

Topic summary

A user seeks to reposition elements on their Shopify Dawn theme product page: placing the price next to the product title and adding it to the “Add to Cart” button, plus displaying the compare-at price near the regular price.

Progress Made:

  • Another user provided detailed instructions involving edits to main-product.liquid and global.js files
  • Code snippets were shared to add an ID to the price element and render it within the cart button using JavaScript
  • The solution successfully added the price to the “Add to Cart” button

Outstanding Issue:

  • The price still doesn’t appear to the right of the product title as intended
  • The helper has requested the user share their main-product.liquid code for further troubleshooting

Note: Much of the conversation text appears corrupted or reversed, but the technical guidance involves modifying Liquid template files and JavaScript to relocate price display elements on the product page.

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

Are you comfortable with liquid HTML changes? It is very simple you just need to move a few lines.