Translate Personalizer's Components

LimeSpot: Personalizer offers the ability to customize our features in many ways, including the translation of our components! While there is no automatic way to do this, we do offer a variety of ways to manually customize our features. 

NOTE: LimeSpot: Personalizer receives all product information from your Shopify product database through webhooks. We do not translate your product titles with our components; what appears on your Shopify database is what will appear in our recommendation boxes.


Translating our Box-Titles

In order to translate our recommendation box-titles, please follow these simple steps:
 
  1. Open your LimeSpot: Personalizer admin panel.
  2. In the panel on the left side, visit the Features tab under the Settings header.
  3. In the Installation Settings click Advanced Settings.
  4. Under each and every desired page that you wish to translate a box-title, enter your desired translation/message in the text box beneath each recommendation box. 
  5. Once you have completed your translations/message changes on every page, click Save & Go to Admin Panel.
NOTE: In order for our recommendation boxes to change the box-titles on every page-type on your store, you will need to input your desired translation/message on every page type.



Translating our Sale-Sign

On your products that have a discounted price, our default settings are for a sale-sign to appear, displaying "SALE". In order to change the translation of this message, follow these steps:
 
  1. Open your LimeSpot: Personalizer admin panel.
  2. In the panel on the left side, visit the Features tab under the Settings header.
  3. In the Installation Settings click Advanced Settings and to the right, click General.
  4. In the "Sale" Tag on Recommendation Box Item settings, enter your desired translation/message in the text box beneath each recommendation box. 
  5. Once you have completed your translations/message changes, click Save & Go to Admin Panel.

LimeSpot Tip: If you would like to display the discount percentage, please add the following to the "Sale" tag text box:
  • {percentage}%
    • Example: SAVE {percentage}% will appear as SAVE 20% (the number will change to the corresponding discounted percentage of each individual product).


 
Translating our Add-to-Cart Button

If you would like to change the translation of our box's add-to-cart button, follow these simple steps!
 
  1. Open your LimeSpot: Personalizer admin panel.
  2. In the panel on the left side, visit the Features tab under the Settings header.
  3. In the Installation Settings click Advanced Settings.
  4. Under each and every desired page that you wish to translate the add-to-cart message, view the Appearance Settings options and click Advanced.
  5. Under the Add to Cart Button settings, type in your desired translation/message in the text box.
  6. Once you have completed your translations/message changes on every page, click Save & Go to Admin Panel.


Translating our Add-to-Cart Notification Banner

When a customer adds an item to their cart from one of our recommendation boxes, a small notification banner will appear in the top right hand corner of your browser. This notification typically appears over top of your store's cart button. The default message is to display, "Item Added to Cart"; however, if you would like to change the translation of this, you will need to do a small CSS addition to our liquid file on your current theme. Here are the steps:
 
  1. In your Shopify admin panel, visit your shop's current theme settings.
  2. Click Actions on your current theme, and Edit code
  3. Click on Snippets, and click on limespot-custom-css.liquid.
  4. Add these two classes to your editor in the limespot-custom-css.liquid file:
       
                .ls-notification {
                            color: transparent;
                }
     
                .ls-notification:after {
                            content: "Your Translation Here";
                            color: #000; 
                            margin-left: -158px;
                            padding-right: 10px;
                }
     
  5. Change the blue font in the class .ls-notification::after to your desired translation/message of "Item Added to Cart".
  6. Click Save.

 

Did you find this article helpful?