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

TimDono1 · ‎11-21-2024

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

Mobile

Olllie · ‎11-21-2024

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

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with a host of free extras! Start your 14-day free trial today!

Discover more at autoBlogger.bot!

View solution in original post

Olllie · ‎11-21-2024

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

autoBlogger: Seamlessly scheduled, fully automated, AI-powered, and SEO-optimised blogging with a host of free extras! Start your 14-day free trial today!

Discover more at autoBlogger.bot!

TimDono1 · ‎11-22-2024

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

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

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

Community Blog Articles