Change wording on add to cart button on 1 section

Solved

Change wording on add to cart button on 1 section

INFRA
Shopify Partner
241 2 84

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?

Screenshot 2025-02-05 at 14.34.55.png

Thanks so much!

 

Website

passw: chaos

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
11688 2290 2472

This is an accepted solution.

Hi @INFRA 

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

<style>
#product-form-template--24072017936666__featured-product button * { display: none; }
#product-form-template--24072017936666__featured-product button:after {
    content: 'View Track';
}
</style>

Screenshot 2025-02-05 at 13.54.08.png

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Replies 6 (6)

PageFly-Richard
Shopify Partner
5011 1120 1803

Hi @INFRA 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> 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 </head>

<script>
document.querySelector('section.product-section.section.section-y-padding.bg-scheme-background.text-scheme-text button.add-to-cart-btn.w-full.btn.btn-solid-secondary-accent').textContent ='Keep Track'
</script>

PageFlyRichard_0-1738727953007.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly 

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

INFRA
Shopify Partner
241 2 84

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

Thanks for your help 🙂

Dan-From-Ryviu
Shopify Partner
11688 2290 2472

This is an accepted solution.

Hi @INFRA 

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

<style>
#product-form-template--24072017936666__featured-product button * { display: none; }
#product-form-template--24072017936666__featured-product button:after {
    content: 'View Track';
}
</style>

Screenshot 2025-02-05 at 13.54.08.png

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

INFRA
Shopify Partner
241 2 84

that worked great, thank you!!

Dan-From-Ryviu
Shopify Partner
11688 2290 2472

You are very welcome! 

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

htmlBurger
Shopify Partner
87 8 21

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.

Found this helpful? Like and accept as solution to help others too!
htmlBurger – Founded in 2007, Shopify experts for 10+ years.
Custom themes, UI/UX design, ongoing maintenance & support.
Let's talk: ecom@htmlburger.com