fbpx

Get the #1 Action Upsell App šŸ’° Over $75m in upsells!Add to Shopify

Increase revenue 50% šŸ’° with upsells!Get App

How to change the text of product page buttons in the Boundless theme

buttons
SellUp Shopify Upsell App

Last Updated on January 7, 2022 by LAUNCHTIP

How to change the text of product page buttons in the Shopify Boundless theme

If youā€™re using the Boundless Theme, some things will be present on your storeā€™s pages by default. For instance, the product page will have a ā€˜Backā€™ button. If you want this button to say something else, like ā€˜Collectionsā€™ or ā€˜Home Pageā€™, follow the guide below.

buttonsChange the product page button text in Boundless theme

  • To change the text of any button in your theme, you need to go to the Edit Language section. For this, go to Online Store and click on ThemesĀ 
  • Here, you will see a button that has three dots in parenthesesĀ 
  • Click on it and select Edit LanguageĀ 
  • The language editor will show you tabs for all sections in your store. Go to the Products tab and check the product pagesĀ 
  • Here, you will also see the field for the button that says ā€˜Backā€™
  • Change it to whatever you want the button to read and save your changesĀ 

How to add different text on buttonsĀ 

Depending on your products, you might want some buttons on the description pages to say different things. For instance, on one page, you might want the Add to Cart button to say exactly this, while on another, you may want it to be ā€˜Pre Order.ā€™ Hereā€™s how you can do this:Ā 

  • Firstly, make a duplicate template for the product page where you want to add the ā€˜Pre-Orderā€™ buttonĀ 
  • In this new template, find the following code and replace the bolded area with your textĀ 
<button type="submit" name="add" id="addToCart-{{ section.id }}" class="btn">

<span class="icon icon-cart"></span>

<span id="addToCartText-{{ section.id }}">{{ 'products.product.add_to_cart' | t }}</span>

</button>

The final code should look something like:Ā 

<button type="submit" name="add" id="addToCart-{{ section.id }}" class="btn">

**Your custom text here**

</button><p>
  • Go to your product page and click on Theme TemplatesĀ 
  • Then, choose the new template from the Template suffixĀ 

 

SellUp Shopify Upsell App

More To Explore