Change wording on add to cart button on 1 section

Topic summary

A user needed to change the “Add to Cart” button text to “VIEW TRACK” for a specific homepage section without affecting other buttons site-wide.

Initial Attempts:

  • First solution involved adding CSS code to theme.liquid above </head> tag, but this did not work.

Successful Solution:

  • Adding custom CSS code to theme.liquid after the <head> tag successfully changed the button text.
  • The solution targeted the specific button using CSS selectors to modify only that section.

Resolution: The issue was resolved with the second CSS approach, and the user confirmed it worked as intended.

Summarized with AI on November 1. AI used: claude-sonnet-4-5-20250929.

Hi there,

On our homepage, I would like the add to cart button to say “VIEW TRACK” on below section. This should not affect any other buttons on the website though.

How do I achieve this best?

Thanks so much!

Website

passw: chaos

1 Like

Hi @INFRA

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

hi there, unfortunately this didn’t have an effect. Is there anything else we can try?

Thanks for your help :slightly_smiling_face:

Hi @INFRA

Please add this code to your theme.liquid file, after


1 Like

Hi @INFRA

Do you know in which exact theme file is the code for this section? If you know, you can change the text from there. Just locate the add-to-cart-btn class in the file and find the child element that holds the text.

Let me know if you need any help there.

1 Like

that worked great, thank you!!

1 Like

You are very welcome!