How Do I Rename Add To Cart Button when No Variant Is Selected To Not Say Unavailable

[GraceCooke]

Hello All,

Currently I have a product in which I need no variants to be selected automatically because I cannot have the variant be the first picture. The problem with this is that the add to cart button now says “Unavailable” until selections are made. How do I change the text of the button?

https://www.mypaperdolls.com/products/my-paper-dolls?variant=

Thank you!!

Grace

[theycallmemakka]

Hi @GraceCooke ,

What would you like the new text to be?

[GraceCooke]

Hello @theycallmemakka ,

Thanks for helping…
I would still like it to say “add to cart” (I know it will not work but that’s perfectly fine)

[theycallmemakka]

Hi @GraceCooke ,

Follow these Steps:

1. Go to Online Store
2. Edit Code
3. Find theme.liquid file
4. Add the following code just above tag

Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[GraceCooke]

Thank you so much it worked!!!

[theycallmemakka]

Happy that it worked. Do accept the reply as a solution to mark this complete

[EasifyApps]

Hi @GraceCooke ,

I recommend converting your current Collection options/ variants to custom options within the product option app. Currently, it appears you’re utilizing Shopify variants and styling them as buttons through the app.

If you intend to manage inventory for each collection, consider creating a duplicate product with its variants. Afterward, delete the variants of the original product, hide the duplicated product on the storefront, and leverage the add-on product feature to link the variants with the custom Collection options of the main visible product.

While this method may seem intricate, an alternative option is to explore Easify Product Options app. We can assist you in setting it up, making the process smoother .

Furthermore, during my review of your setup, I identified areas for improvement. After customers upload a photo, the layout appears broken. I suggest refining this aspect. Additionally, consider presenting a single file upload field allowing multiple uploads rather than multiple sections.

Here’s a suggested setup using the Easify Product Options app for your store:

• Replace 2 file upload sections with a single file upload section enabling multi-file upload:

• Additionally, replace Collection options and variants with options within the app. This still allows you to change the product image when customers select an option:

• App Settings: