How can I add a back to collection button under product descriptions?

Store Design
,

Topic summary

A user seeks to add a “back to collection” button beneath product descriptions on their Shopify store using the Studio theme. Initial suggestions recommend using breadcrumb navigation as a more SEO-friendly alternative.

Solution Provided:

  • Custom JavaScript code was shared to create the desired button functionality
  • Code placement instructions included:
    • First snippet added to theme.liquid before closing tag
    • Second snippet added to main-product.liquid before schema section
    • Final adjustment moved button to product-recommendations.liquid for positioning under “you may also like” section

Key Features:

  • Button appears centered at bottom of product pages
  • Works even when clicking suggested items, maintaining navigation back to original collection
  • Solution successfully implemented and marked as resolved

Follow-up Questions:

  • One user asks if solution works for Dawn theme (unanswered)
  • Another user requests similar functionality for Kalles theme, wanting button before product description instead of after (unresolved)
Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
9

Wow. Thank you! This is perfect! This actually works better than the “back to collections” buttons on the sites I’ve been referencing because even when I click on a suggested item it still gives me the option to go back to the collection.

I would never have figured this out on my own. Thank you so much for everything.