How can I change the “Choose Option” button and make it say “Add to cart”
I know it says choose option because I have variants, but I want it to say Add to cart instead.
This is for the Featured Collection section of the Ride Theme. Thanks!
Topic summary
Users are seeking to change the “Choose Options” button text to “Add to Cart” on product pages with variants, primarily in the Featured Collection section of the Ride Theme.
Proposed Solutions:
-
Language Editor Method: Navigate to Online Store > Themes > Actions > Edit Languages, search for “Choose options,” and replace the text. However, this only changes the button label without altering functionality.
-
Code Editing Method: Access Online Store > Themes > Actions > Edit Code, locate “card-product.liquid” in snippets, find “choose_options,” and replace with conditional code that displays “Add to Cart” when available or “Sold Out” when unavailable.
Key Issue:
Multiple users report that simply changing the button text doesn’t resolve the underlying problem—clicking still triggers a variant selection popup instead of directly adding items to cart. The discussion seeks a solution that modifies both the button label and its functionality to enable direct cart additions.
Additional Request:
One user wants to change all Product Grid Item buttons to “Learn More” that redirect to the product page instead of showing Quick Shop or Choose Options.
A reference video tutorial is provided for visual guidance.
1 Like
You can try to edit the wording of this button by editing your theme language:
- From Online Store > Themes > Actions > Edit Languages
- Type in the keyword " Choose options" in the search field and the corresponding textbox will show up
- Replace it with new text and hit Save.
Hope this helps you.
1 Like
Hello @delta1seven1 ,
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 %}
Please refer to the image below for the entire process
Follow the above process and your issue will be resolved. Let us know if you want any further help.
All the best,
Team Cedcommerce
Hi - I noticed this is a similar change to what I’d like to do but slightly different. I’m wondering if anyone can help.
I’m looking to change all of the Product Grid Items buttons to “Learn More” or “More Info” and have them direct the user to the actual product page.
Currently, the buttons are either “Add to Cart”, “Quick Shop” and “Choose Options”. The only one I can seem to disable in the theme settings is the “Quick Shop”.
Theme: Empire by Pixel Union
Thank you!
Hi, this code only changes the words. Change the Choose Option to Add to Cart. After your code, the same old popup appears choosing options instead of adding product to cart.
Please provide a solution to change the functionality. Convert Choose Options button add to cart and when I click Add to Cart the product should be added to cart
You found any solution to your problem?
Stuck in the same issue, want to remove that popup..
1- Go to code editor
2- search card-product.liquid in snipped
3- Find line {%- if card_product.variants.size > 1 or qty_rules -%}
4- paste this code {%- if card_product.variants.size < 1 or qty_rules -%}
you are good to go. If it’s helpful please like the answer.
Have a great day
no need to edit code. basicly click to “Online Store” then “Themes” click to the 3 dots which is next to “Customize” button. click to “edit default theme content”. go to products tab. here you will see “Chose options”. you can change it anything you want. and there you can also remove “powered by shopify” text as well.
2 Likes
Here is the reference video:
