Big Cartel Theme Support

How do I edit the text built into my theme, like button text and messages?

How do I edit the text built into my theme, like button text and messages?

Step 1: Using the built in translation tool

To customise the text built into your theme, first create a new page and name it exactly as follows:

x-sp-translate

This is your special purpose translate page where all of your text edits will be stored. Make sure that you switch to HTML mode before adding your first text edit (your page will be permanently fixed in HTML mode after the first edit is added).

When you add text edits to your page, it is recommended that you create double newlines between each edit to keep your edits neat and clear.

As with Insert Content pages, storing all of your edits in this one special purpose page makes them easy to manage and ensures that they are not overwritten when you update your theme.

Plain text edits

Plain text edits are entered in the format..

{% capture txt_crt %}Cart{% endcapture %}

..and the text is edited by adding plain text only (i.e. no HTML) within the capture tags. For example, if we wanted to change the text Cart to Bag, we enter the following in our x-sp-translate page content..

{% capture txt_crt %}Bag{% endcapture %}

Note that only the text between the %} and the {% is edited.

Following are all of the plain text edits with their default values. Copy the edits you need to use (there is no need to add edits unless you are changing them from their default value), paste them into your x-sp-translate page content and then edit them as shown above.

HTML text edits

HTML text edits work exactly like Plain text edits described above, however the content can include new lines, HTML and Big Cartel template code. For example, we might add the footer HTML text edit..

{% capture txt_ftr %}Copyright © [[year]] {{ store.name }}. All Rights Reserved.{% endcapture %}

..which includes a HTM copyright symbol ©, the [[year]] shortcode and the {{ store.name }} Big Cartel template code (to display your store name), and change it to..

{% capture txt_crt %}
Part of the Triangle Circle Square Group LLC.
<a href="http://my-site.com/legal-docs">Legal Policies</a>
{% endcapture %}

Following are all of the HTML text edits with their default values. Copy the edits you need to use (there is no need to add edits unless you are changing them from their default value), paste them into your x-sp-translate page content and then edit them as shown above.

Note that some of these edits include important links to help your visitor address an issue that might prevent them using your shop, like enabling JavaScript or cookies. When changing these edits, be sure to include the same link or a replacement link that includes the required information.

Big Cartel error messages

Because they are stored in Big Cartel’s private variables, error messages must be translated in a different way to the text edits above.

We begin by adding the following to our x-sp-translate page, again adding new lines after any other text edits to keep things neat and readable:

{% if errs != blank %}



{% endif %}

This is Big Cartel template code and it says, if the variable errs (a variable created by your Aarcade theme that equals all current errors) has no content, then ignore this code. In other words, we don’t want to do anything unless there are errors present.

We then add find and replace lines within this code content for each segment of text we wish to change in the Big Cartel error messages.

For example, the error message displayed when a customer adds too many items to the cart may read:

Sorry, we don’t have 10 of Darn Good Socks - Small in stock.

The text 10 and Darn Good Socks - Small will change dynamically depending upon the product and number the customer has added to cart, so we don’t want to replace these. With this in mind, if we break the message apart into the segments we do want to replace, we get:

  • Sorry, we don’t have
  • of
  • in stock

Now we use Big Cartel template code — in our error message edit area — to find and replace these segments (here we are replacing with French text):

{% if errs != blank %}

{% assign errs = errs | replace: "Sorry, we don't have", "Désolé, nous ne avons pas" %}

{% assign errs = errs | replace: "of", "de" %}

{% assign errs = errs | replace: "in stock", "en stock" %}

{% endif %}

Note that each find and replace line must be in the format:

{% assign errs = errs | replace: "text to replace", "replacement text" %}

Step 2: Revise CSS Content

Some text is edited via CSS, separate from the translation tool. The following articles include instructions for changing this text:

Step 3: Preset pages

To change text in your preset pages, refer to the following articles:

Step 4: Checkout

PayPal Standard off-site checkout

The language for your PayPal checkout page will be set according to your Country setting in the Store > Settings > Basics section of your Big Cartel admin - see Big Cartel's Basics article.

Seamless checkout

Unfortunately, because it is completely isolated from the theme space, there is no way to translate or edit any of the text that is used in the Seamless Checkout. For more information, contact Big Cartel.

Step 5: Order Acknowledgment

Order acknowledgment emails may be sent out to your customer from your Big Cartel account as well as your payment processor. To change the text in these emails refer to the following:

Big Cartel order confirmation

For instructions refer to the Big Cartel support article Big Cartel's Notifications article. For further support, contact Big Cartel.

PayPal order confirmation

The language will be set according to your Country setting in the Store > Settings > Basics section of your Big Cartel admin - see Big Cartel's Basics article.

Stripe order confirmation

Stripe receipts are not sent out to the customer by default. For instructions refer to the Stripe support article Stripe's Receipts article. For further support, contact Stripe.

AarcadeHow do I edit the text built into my theme, like button text and messages?