Managing texts labels in your store
page last edited on 18 October 2017
Different people may prefer different words for the same meaning. For example, that part of an online store where a user stores the items they picked before paying for them - is it a “shopping cart”, a “shopping basket” or a “shopping bag”? In X-Cart, we prefer to call it a “shopping cart”, but we understand that some people will want to use a different name. So we made it possible to change almost any word or phrase in your X-Cart store’s user interface.
Just a few words on how it works. In X-Cart 5 pieces of text like names of sections of the user interface, various notes, comments and error messages are all stored as text labels. A text label has a name by which it can be referenced from the template or program code and one or more “translations”. A translation is a value of the label defined for a specific language. When a piece of text needs to be displayed on a page, X-Cart selects the respective text label from the database and determines which of its translations needs to be displayed - according to the language that is currently selected for viewing the page. If, for some reason, the value of the label for the selected language is missing, the label value for the default language is displayed. If the label value for the default language is missing as well, the label name is displayed.
So, when you need to edit an existing piece of text from your store’s user interface, you need to identify the text label that stores this piece of text as a value, and then edit this value. If your store uses multiple languages, you may also need to check if a similar change needs to be done for the values of this label in the other languages. For more info on how to edit a label value, see Editing text labels.
Another way to edit text labels is to use the Webmaster mode. You may find it easier as you can edit a label directly in the store front-end and you don’t need to know the label name or whatsever else. For more info on how to edit a label value via Webmaster mode, see Editing text labels via Webmaster mode.
Also, if you need your store to display some text piece for which currenty no text label exists, you can add a new text label for this text piece directly from your store’s Admin area. For more info, see Adding new text labels.
Editing text labels
Let us show how to edit text labels in X-Cart. For example, we want to change the wording of the phrase “Your shopping cart” shown in the snapshot below so it says “Your shopping bag”:
Let’s do it:
In your store’s Admin area, go to the Translations section (Store setup > Translations):
Switch to the Edit labels tab:
If your store uses more than one language, select the language for which the text label needs to be edited. In our example, we will edit the phrase “Your shopping cart” for the English language. On the following snapshot, the English language is already selected:
Note: If you need to edit the same phrase in more than one languages, just select any one of them.
Use search to find the phrase you want to edit. Note that this search is case-sensitive. We need to find the phrase “Your shopping cart”, so we simply paste it into the search box and click Search:
The list of search results (if any) will be provided below:
If you get no search results, it means that either you are searching in a wrong language or the label does not exist. If necessary, you can add the missing label by following the instructions in the Adding new text labels section.
Review the search results to find the phrase you need to edit. If none of the phrases in the results list exactly match the phrase you searched for, do not worry: the items in the list of search results are text labels, and what you see in the list are their names. Their values are concealed from view and have yet to be revealed. To view the value of any text label, hover your cursor over the respective entry in the list of search results; an Edit link will be revealed:
Click on the Edit link; this will expand a section where you will be able to view/edit the value of the selected text label:
Edit the text label value as you require. In our example, we will need to edit the last two labels in the search results list (the first one is used for the case when the cart contains a single item, the second one - when the cart contains multiple items). So we replace the word “cart” with the word “bag” in both the text label values:
Note that if you need to edit the same phrase in more than one languages, you can use a special section that will help you to edit all the translations of the phrase simultaneously. To access this section, click on the Global edit icon:
The section where you can edit text labels for multiple languages looks as follows:
After making the changes you require, click Save changes. The text labels will be updated.
Now you can check the results in the store’s front end. In our case, we should be able to see the phrase “Your shopping bag” instead of “Your shopping cart”:
Editing text labels via Webmaster mode
To enable Webmaster mode you should be logged in as an admin in the store customer front-end. When logged in as an admin you’ll see a ‘Gear’ icon in the bottom left corner.
Click on it and you’ll see the Webmaster mode options. You’ll need the Labels Editor one.
Make sure the Highlight labels option is turned ON, then you’ll see all the labels that you can edit directly on this page highlighted. Click on the label you want to edit, change its name in a pop-up and Save the changes. The label will be changed thoughout the whole store.
If you need to edit the page labels in any other language enabled in your store, turn off the Highlight labels option, change the store-front language, turn the the Highlight labels option on again and edit the labels you need.
Adding new text labels
To add a new text label:
- In your store’s Admin area, go to the Translations section (Store setup > Translations).
- Switch to the Edit labels tab.
Click the Add new label button:
A window titled Create label pops up:
Use the form in the Create label popup window to enter the new label information (a label name and any translations of the label you require).
- Click the Save changes button. The new label will be created.
Help make this document better
This guide, as well as the rest of our docs, are open-source and available on GitHub.