How to Change the Choose Option Button to Add to Cart in Refresh Theme

[qaimraza]

How can I change the "Choose Options" button to "Add to Cart"?

Some workarounds have already been implemented but only the button has been renamed. Need to change the functionality and remove the popup that appears when I click on Choose Option.

I want to set the Add to Cart button and when it is clicked the product should be added to the cart instead of a popup.

This is the Home page Featured Collection Section in Refresh Theme, Thanks

[Moeed · Accepted solution]

Hey @qaimraza 

To remove the "Choose Options" button and replace it with "Add to Cart" will require some coding in your theme files. If you're not familiar with coding then I suggest you to hire a Shopify developer. As a replacement solution, I can tell you how to remove the "Choose Options" button.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.quick-add {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[qaimraza]

Appreciate your answer. But I need to replace the "Choose Options" Button with Add to Cart. I already found code from the community but that code changed the button name and the choose option popup still appears.

[Dan-From-Ryviu]

Hi @qaimraza 

That button is Add to cart if your product is single and Choose Options when your product has variants. 

But if you just want to change texts then you can do it from Online store > Themes > Edit default theme content > search Choose Options

[qaimraza]

No, I want to replace the "Choose Option" Button with Add to Cart - not only the name. I need to remove the popup that appears after clicking on Choose Option and replace it with "Add to Cart" button. After clicking on Add to Cart, the corresponding Product added to cart instead of the popup appears. Please see the image that I attached with the question.

[DesertDawg]

I have the exact same question.

I found the following to change the Text of the button but not the navigation aspect
https://community.shopify.com/c/shopify-design/add-to-chart-basket-instead-of-select-options/m-p/195...
 What I really want is the ability to just go direct to the product page.

[StudioEnchant]

Hey @qaimraza,

You have different variants for each product, how do you plan on achieving your request when the customer have not chose a variant? 

[SeanW2]

I need to something similar, but I don't want it to go cart, I need it to go to the product page, instead of the popup.

[MRamzan]

Try these steps: