How to add a back button to the Dawn theme product page?

Topic summary

Goal: add a “Back” button on Dawn theme product pages that returns users to the prior page/collection.

Solution shared: insert a back-button HTML snippet near the top of Sections/main-product.liquid (just before the closing ) and add CSS in assets/base.css (e.g., .back-button { text-align: center; display: block; }). This creates a centered clickable “Back” element.

Implementation support: a step-by-step guide with screenshots and a YouTube video demonstrates exactly where to paste code and how to save changes. Images and the video are central to following the instructions; code snippets are required.

Results/feedback: several users confirmed it works. One reported the button appears as a plain blue link rather than a styled block, indicating additional CSS is needed for visual styling (beyond display: block and centering).

Open questions:

  • Positioning at the top-left of the product page (no finalized CSS provided).
  • Showing the button only on desktop (responsive CSS not provided).
  • Translating the button text for multilingual stores (no guidance on theme locale files or translation apps).

Status: partially resolved. Core method to add the button is clear; styling, responsiveness, and localization remain unanswered.

Summarized with AI on December 30. AI used: gpt-5.

@tyler32

Please share your stroe URL !

Thanks!