Install Linguise automatic translation on OpenCart

Table of Contents

Technical OpenCart requirements

The neural automatic translation to be used with OpenCart will require to use the PHP script (can be downloaded below). In order to install the Linguise script, you’ll need the following requirements:

  • Run PHP 7+
  • Apache, LiteSpeed, NGINX, IIS server
  • Activate the URL rewriting though the PrestaShop configuration

How to install OpenCart translation

1. Generate the API Key to activate translation

After your connection to your Linguise dashboard you’ll need to setup a new domain first and save it’s settings to get the API Key.

The API key is what is required to activate the translation on your OpenCart website. Basically, the API key will check what language is activated on what domain and will allow the neural translation pages  to be generated.

Copy the API Key and keep it in your clipboard.

Then by clicking on the tab “Script PHP” you’ll get the installation instructions we’ll follow here in details.

2. Upload and connect the Linguise script with OpenCart

The Linguise translation script needs to be uploaded on your server where OpenCart is installed:

After the script is downloaded, unzip it and upload it to the root folder where the CMS is installed.

  • Make sure it’s at the root level of your website (where your OpenCart  files are located)
  • Make sure the folder keep its default name “linguise”

The Linguise API key will need to be copied in the Configuration.php file you’ve uploaded on your server, edit the file and copy your API Key between the simple quotes, replace the text REPLACE_BY_TOUR TOKEN.

config-php
WE DO UNDERSTAND THAT URLs CONFIGURATION AND LANGUAGE SWITCHER ARE A BIT TECHNICAL TO CONFIGURE; BUT GOOD NEWS! WE OFFER FREE INSTALLATION

3. Setup the language URLs in OpenCart

The URL rewriting is usually activated for SEO purpose on OpenCart. The URL rewriting is using a .htaccess file available at the root of your server.

open-cart-files

From the OpenCart system settings, check that the URL rewriting is activated. Use the OpenCart admin menu:
System > Settings > Default > Server

opencart-settings

The URL by language need to be configured in the .htaccess. Just copy this code after the code “RewriteBase /” available in the default OpenCart .htaccess. 

				
					<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>
				
			

Make sure the path linguise/linguise.php is the same on your server, /linguise/ is the default name when you unzip the script.

WE DO UNDERSTAND THAT URLs CONFIGURATION AND LANGUAGE SWITCHER ARE A BIT TECHNICAL TO CONFIGURE; BUT GOOD NEWS! WE OFFER FREE INSTALLATION

4. Activate the language switcher

You can now load all your translated pages using the URL, for example: www.domain.com/fr/

opencart-frontend

The language switcher is the flag popup to select the language you want. To load it, you’ll need to copy the link to the Linguise script given in the OpenCart header of all your pages. The flag language switcher will then be loaded automatically. Here’s the script link you can find at:

dashboard.linguise.com > Settings

Then to add it to your OpenCart installation, go to Design > Theme editor and edit the default/header of the template.

The language switcher will be displayed by default in a floating top right position on your website. You are ready to customize it from the Linguise dashboard in the next step.

SEO important note: The number of languages you setup has a large impact on SEO. When you setup your translation languages, if you have a large amount of indexed pages (>500), search engine may take a lot of time to process them. It may impact your SEO in your original language. That’s why we recommend adding at first a maximum of 5 languages, then when it’s indexed, you can add languages in a batch of 3 per month.

Setup the language switcher

The language switcher can be customized from the Linguise dashboard > Settings > Language flags display. Every modification here will be reflected on the website.

On the right side of the screen you have the preview of the language switcher. Here are the elements you can setup:

  • 3 layouts: side by side, dropdown or popup
  • The language switcher position
  • The language switcher content
  • Language names in English or native language
  • Flags shapes and size
  • Colors and box shadow

Load the language switcher in OpenCart content

flag-position-in-place

To display the Language switcher at the specific place, in the CMS content, you should set the position as “In place”. 
Once you have set the position in the Linguise dashboard, you can add the shortcode below to include it. Click on the code below to put it in your clipboard.

Once it’s added, on the frontend you’ll have the flag and language names displayed in the HTML area you’ve added the code.

Activate translation local cache system

As an option, you can activate a local cache system that stores URLs and its related multilingual content to serve the pages faster. The local cache will save some data transfer between Linguise server and your website server. The cache is used only when a page has already been translated and has not been updated. The cache kept in priority will be the cache from the most viewed multilingual pages.

As an option, you can define the amount of cache stored in MB. In the following example the cache is activated and the amount of cache to keep is 500MB:

				
					    /** Basic configuration **/
    public $cache_enabled = true;
    public $cache_max_size = 500; // In megabyte
				
			

Specific settings for OpenCart CMS

In the Configuration.php file we also have a setting that allows to pass some specific configuration for the CMS. By default, it’s automatic, but the support team may ask you to personalize it to use some special settings.

Here’s the code to add for OpenCart, this is the CMS name in lowercase:

				
					    /** Basic configuration **/
    /*
     * Update the CMS value according to your CMS
     * Available CMS are: laravel, prestashop
     */
    public static $cms = 'opencart';
				
			

From SQLite to MySQL

Still in the Configuration.php there’s a setting to force the usage of MySQL instead of SQLite, in case SQLite is not installed on the server.

In this case, you’ll need to fill the MySQL information in this part of the Configuration.php file:

				
					    /** Advanced database configuration **/
    /*
     *  In case you don't want to use Sqlite, you can use MySQL
     *  To do so, you need to fill the following variables
     *  Linguise will create the tables for you
     */
    public static $db_host = '';
    public static $db_user = '';
    public static $db_password = '';
    public static $db_name = '';
    public static $db_prefix = '';
				
			

Automatic translation on Windows IIS servers​

Add the line corresponding to your website builder in your Web.config file.
It should be set before any other redirection, especially the redirection to your PHP main file:

				
					<rule name="Linguise" stopProcessing="true">
<match url="^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$" ignoreCase="false" />
        <conditions logicalGrouping="MatchAll" trackAllCaptures="false" />
            <action type="Rewrite" url="linguise/linguise.php?linguise_language={R:1}&amp;original_url={R:2}" appendQueryString="true" />
</rule>
				
			

Automatic translation on NGINX servers

Add the line corresponding to your CMS in your NGINX server configuration block.
It should be set before any other redirection, especially the redirection in your PHP main file.
				
					rewrite ^/(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ /linguise/linguise.php?linguise_language=$1&original_url=$2 last;