Make option button look like the rest DAWN theme

Store Design
, , ,

Topic summary

Goal: Replace the removed “options” button in the Shopify Dawn theme with a single, theme-matching “Add to Cart” button that does not add directly to cart or open the quick-add popup, but instead redirects users to the product page.

Context:

  • Store: carcleansweden.se (Dawn theme).
  • Styling must match existing buttons for visual consistency.
  • A screenshot was shared to illustrate current UI and desired look.

Technical approach suggested:

  • Implement via custom Liquid code (Shopify’s templating language). No code or steps provided yet.

Open points / next steps:

  • Need a concrete Liquid snippet or guidance on where to place the code (e.g., product-card, collection templates, or theme sections) to change button behavior to a product page link.
  • Clarify whether this should apply across collection grids, featured products, and search results.

Status: Unresolved; awaiting implementation details or code example.

Summarized with AI on December 11. AI used: gpt-5.
1

Hello!

I am using the dawn theme and my URL is carcleansweden.se.

I recently removed the options button, but I would like to replace it with a single ‘Add to Cart’ button that matches the design of the existing buttons. However, instead of adding the product directly to the cart, this button should redirect users to the product page instead of the popup you get from the normal option button:

CarCleanCC_1-1734717962774.png
CarCleanCC_1-1734717962774.png1885×978 251 KB

I would hugely appreciate the help!

2

Hi,
This can be done by custom liquid code