DAWN How to make choose options section in store?

Store Design

Topic summary

A user asks how to implement a “Choose Options” section in their Shopify store using the Dawn theme and requests feedback on improving their product display (shown in an attached image).

Solutions Provided:

  • Add product variants first, then modify the product-card.liquid file to create a “Choose Options” button that redirects to the product details page
  • Alternative approach: Replace “Choose Options” with “Add to Cart” by editing card-product.liquid in the snippets folder, replacing the choose_options translation key with conditional code that displays “Add to Cart” for available products or “Sold Out” otherwise
  • No-code solution: Use the theme customizer through Admin → Themes → Customize (specific navigation steps provided via screenshot links)

Status: Multiple solutions offered ranging from code modifications to theme customizer settings. Respondents recommend hiring a Shopify developer if unfamiliar with coding. The original design improvement question remains unaddressed.

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

also how to improve this and make it better
also how to improve this and make it better2020×828 274 KB

2

Hi @joecoleman566
How are you?

First have to add the variants in products, then have to edit the product-card.liquid file to make the button choose option and redirect it to product details page.
If not familiar with code then please hire a shopify developer.

Please let me know if need any help. Contact info is in signature.

Thanks
laddi

3

Follow these simple steps to change the “Choose option” button to “Add to cart”

  • Go to your Shopify admin > Go to the Online store
  • Go to themes > Click on action > Click on edit code
  • Look for the file “card-product.liquid” in the snippets folder
  • Search the button code by using the ctrl+f function
  • Look for the keyword “choose_options”
  • Once you find it you need to replace the existing code with the below-provided code.
  • Remove this code:

{{ ‘products.product.choose_options’ | t }}

  • Replace the above code with the below code:

{% if card_product.available %}

{{ ‘products.product.add_to_cart’ | t }}

{% else %}

{{ ‘products.product.sold_out’ | t }}

{% endif %}

If not familiar with code then please hire a shopify developer. if its helpful like and accept as solution

4

Hi joecoleman566,

If you’re using the Dawn theme, please follow these steps:

Step 1: Go to the admin page → Themes → Customize https://prnt.sc/2TUTpijaIGoR
Step 2: https://prnt.sc/6T11JQ5y2yZa, https://prnt.sc/7siF3aSOQnBB
Step 3: Save.
Hope this helps!