How to change the “quick add to cart” button on the collection page to a “view on Amazon” button

Topic summary

A user wants to modify their Dawn theme collection page to replace the “quick add to cart” button with a “view on Amazon” button for products integrated through the Amazon Spreadr app.

Solution Provided:

Implementation:

  • Requires creating metafields to store Amazon product URLs
  • Involves editing Dawn theme files
  • Step-by-step instructions guide users through the customization process

The original poster confirmed interest in following the tutorial to implement this feature.

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

Hi, so I am using the Dawn theme along with the Amazon Spreadr app & have already added products to my store. I am wanting to change the “quick add to cart button” on the collections page under each product to “view on Amazon” instead?

Hi @crystaldionedes ,

For this we will have to create meta fields. If you are comfortable with creating metafields and updating the theme files, I can provide you step by step instructions on how to do this.

If you want help to get this done, you can let me know.

Hi! Yes thank you! I would like to try to! If you can tell me step by step.

Hi @crystaldionedes ,

I have created a blog post to achieve this feature[https://mangitmaharjan.com.np/transform-your-add-to-cart-button-into-a-view-on-amazon-button/]. Please follow the steps accordingly to add amazon button instead of Add to cart button.

You can preview the working version on https://a3vy79r5bwsj9wk2-41985048729.shopifypreview.com

Thank you