Quick Shopping Cart Help | Edit "Start Shopping" Button Text

Solved

Quick Shopping Cart Help | Edit "Start Shopping" Button Text

TimDono1
Explorer
61 1 7

Hello!

 

Could someone please help me change the below "Start Shopping" button text to "Join Our Waitlist." My shop's website is www.shayrdair.com, and when you click on the shopping cart icon in the top right corner, you'll see the shopping cart pop-up. I'm not technical and have spent a while trying to figure this out, so could really use some help! Thank you in advance! 😊

 

Desktop

Desktop _Start Shopping_.png

 

Mobile

Mobile _Start Shopping_.jpg

 

 

Accepted Solution (1)

Olllie
Shopify Partner
121 11 23

This is an accepted solution.

Hey

 

I've taken a quick look at this for you, and a few suggestions. 

 

The best solution - if the theme has this option.

  • Go to Online Store > Themes in your Shopify admin.
  • Find the theme you want to edit, and click on "Actions" > "Edit default theme content".
  • Find the relevant button and change the string (note, if you can't find it, you will need to try another approach).

 

Alternatively, it could be in the theme settings:

  • Go to Online Store > Themes and click Customize for your active theme.

  • Look for options in the Theme Settings panel (usually on the left sidebar).

    • Some themes have dedicated settings for button labels, like under "Buttons" or "Cart."
  • If available, update the relevant field for the button's text.

If neither of these work, you can use my more hacky solution, which changes the text in the DOM, just copy and paste this below the <head> tag in your theme.liquid file:

 

<script>
// Custom created by Ollie from autoBlogger - https://apps.shopify.com/autoblogger
document.addEventListener('DOMContentLoaded', function() {
var buttons = document.querySelectorAll('button, .button');
buttons.forEach(function(button) {
if (button.textContent.trim().toLowerCase() === 'start shopping') {
button.textContent = 'Join Our Waitlist';
}
});
});
</script>

 

 

 

Ollie | Founder & Developer of autoBlogger and autoSchema

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!


autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!


Discover more at autoBlogger.bot!

View solution in original post

Replies 2 (2)

Olllie
Shopify Partner
121 11 23

This is an accepted solution.

Hey

 

I've taken a quick look at this for you, and a few suggestions. 

 

The best solution - if the theme has this option.

  • Go to Online Store > Themes in your Shopify admin.
  • Find the theme you want to edit, and click on "Actions" > "Edit default theme content".
  • Find the relevant button and change the string (note, if you can't find it, you will need to try another approach).

 

Alternatively, it could be in the theme settings:

  • Go to Online Store > Themes and click Customize for your active theme.

  • Look for options in the Theme Settings panel (usually on the left sidebar).

    • Some themes have dedicated settings for button labels, like under "Buttons" or "Cart."
  • If available, update the relevant field for the button's text.

If neither of these work, you can use my more hacky solution, which changes the text in the DOM, just copy and paste this below the <head> tag in your theme.liquid file:

 

<script>
// Custom created by Ollie from autoBlogger - https://apps.shopify.com/autoblogger
document.addEventListener('DOMContentLoaded', function() {
var buttons = document.querySelectorAll('button, .button');
buttons.forEach(function(button) {
if (button.textContent.trim().toLowerCase() === 'start shopping') {
button.textContent = 'Join Our Waitlist';
}
});
});
</script>

 

 

 

Ollie | Founder & Developer of autoBlogger and autoSchema

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with FAQs, table of contents and other features! Start your 14-day free trial today!


autoSchema: Fully automated and continuously updated Google structured data, including duplicate data removal. Simple to install – try it now!


Discover more at autoBlogger.bot!

TimDono1
Explorer
61 1 7

Thank you, @Olllie! I found it under the Theme Settings! Very very much appreciated 🙂