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

Solved

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

qaimraza
New Member
8 0 0

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

choose option.png

 

 

Accepted Solution (1)

Moeed
Shopify Partner
4361 1123 1380

This is an 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:

 

Moeed_0-1693378887724.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 8 (8)

Moeed
Shopify Partner
4361 1123 1380

This is an 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:

 

Moeed_0-1693378887724.png

 

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

 

Best Regards,
Moeed

Need a Shopify Specialist? Chat on WhatsApp


- Custom Design | Advanced Coding | Store Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
qaimraza
New Member
8 0 0

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
Shopify Partner
8532 1682 1692

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 OptionsScreenshot 2023-08-30 at 15.00.16.png

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

qaimraza
New Member
8 0 0

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
Tourist
4 0 0

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
Shopify Partner
245 40 38

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? 

If we helped you please Like this reply and Mark it as Solution! ❤️

Chat with us on WhatsApp


Click here to enjoy 3 months of Shopify for $1/month on select plans.
SeanW2
Visitor
1 0 1

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
Shopify Partner
183 3 26

Try these steps:

 

Hire Me:

WhatsApp: +91-9145985880
Email: mohdramzaan112@gmail.com
Skype: mohdramzaan112