Make add to cart button a different text

Store Design
, ,
1

Hello, i would like to make my add to cart button a different text. Currently, it shows as “Add To Cart” (I added some code to make it like this), however, I would like it to look like “Add to Cart” (just the same but make the “To” → “to”):

Screenshot 2025-09-09 at 21.43.44
Screenshot 2025-09-09 at 21.43.44862×205 2.88 KB

my store is https://geg0hdxyqggohnfo-90984481091.shopifypreview.com , theme is horizon

2

According to Google, “To change the “Add to Cart” button text, go to your Shopify admin, then to Online Store > Themes, click the Actions button next to your current theme, and select Edit languages or Edit default theme content. Use the search bar to find “Add to cart,” then type your new desired text into the field and click Save”

3

Hi @ads18922

You can do that by adding this code to Custom CSS in Sales channels > Online Store > Themes > Customize in theme you want to change text ot Add to cart > Theme settings.

span.add-to-cart-text {
    text-transform: none !important;
}

Then go to your store admin > Sales Channels > Online Stores > Themes > click “…“ in the theme you are editing > Edit default content, find “Add to cart“, change it to “Add to Cart“

Screenshot 2025-09-10 at 08.47.14
Screenshot 2025-09-10 at 08.47.143106×1452 316 KB

Best regards,

Dan from Ryviu: Reviews & QA

4

@ads18922 You can do that from your store admin > Online Store > Themes > in the current theme, click “…” > Edit default theme content

please go to product page tab and check the content for cart button, and you can change it from there

5

Hi @ads18922

Go to Shopify Admin → Online Store → Themes → Actions → Edit default theme content.

Search for Add To Cart in the language editor.

Change it to Add to Cart.

6

As already mentioned, there are 2 possible ways/reasons

  1. The original text can be changed via ...=> “Edit default theme content” for your theme in “Online store”
  2. Some CSS can change the case of the text

In fact, you have

span.add-to-cart-text {
  text-transform: capitalize !important;
}

which shows your “Add to cart” as “Add To Cart”

The code is most probably added to “Theme settings”=> “Custom CSS”, so need to remove it from there and modify the original text in default theme content.

7

You can change it in your theme’s code by finding the “Add to cart“ text and replacing it:

Online Store → Themes → Edit code → Search “Add To Cart” → replace with “new text here” → Save

8

Hello @ads18922

Go to your Shopify Admin → Online Store → Themes → Edit Code → Assets.

You’ve added the CSS in your assets file:

span.add-to-cart-text {
    text-transform: capitalize !important;
}

Simply remove or update it:

span.add-to-cart-text {
    text-transform: unset;
}