How To Add Multilingual Support to Eloquent

Published on by

How To Add Multilingual Support to Eloquent image

Did you know that several countries throughout the world have more than one official language? For example, my home country Belgium has three; French, Dutch, and German. Most Belgians also speak English.

Laravel’s Eloquent ORM is a very powerful part of Laravel. Unfortunately, it doesn’t provide support for multilingual models out of the box. Adding that functionality yourself isn’t that difficult.

First let’s take a look at a migration with no multilingual support whatsoever:

Schema::create('articles', function (Blueprint $table) {
$table->increments('id');
$table->string('name');
$table->text('text');
$table->timestamps();
});

We could easily make the table hold multiple languages by adding columns for the specific languages:

Schema::create('articles', function (Blueprint $table) {
$table->increments('id');
$table->string('name_en');
$table->text('text_en');
$table->string('name_fr');
$table->text('text_fr');
$table->boolean('online');
$table->timestamps();
});

Now, this table has support for storing text in English and French. However, this approach has a significant drawback: every time you want to add support for a new language you’ll need to add fields to every table with multilingual support. That’s very cumbersome when the amout of languages starts to grow or if you have many multilingual tables.

A better way to go about this is to separate the fields that must be translated to another table.

Schema::create('articles', function (Blueprint $table) {
$table->increments('id');
$table->boolean('online');
$table->timestamps();
});
 
Schema::create('article_translations', function (Blueprint $table) {
$table->increments('id');
$table->integer('article_id')->unsigned();
$table->string('locale')->index();
 
$table->string('name');
$table->text('text');
 
$table->unique(['article_id','locale']);
$table->foreign('article_id')->references('id')->on('articles')->onDelete('cascade');
});

Using this migration you don’t need to create extra fields when your application needs to support an extra language.

The locale-field is used to determine the language of the stored record. In the next examples of this article, we are going to store an iso-code in this field.

Adding a foreign key with cascading deletes will make sure that when a record in the articles-table gets removed, it’s corresponding translations will be removed as well.

Ok, now that the database is ready for storing translatable content, let’s think about how we’d like to work with it.

$frenchText = $article->getTranslation('fr')->text;

That’s nice and readable. Be we can do ever better. It would be very useful if the article model would return the French translation of the text when the app’s locale is French:

app()->setLocale('fr');
$frenchText = $article->text;

This will make working with translatable data significantly easier. Consider this small view:

The article with title {{ $article->title }} is {{ $this->online ? 'online' : 'offline' }}.

Notice that there isn’t any difference in using a translated field and a non-translated field. Nice!

You could create the functions to allow for this behaviour yourself, but Dimitris Savvopoulos created a package called laravel-translatable that does all of this and more. I use it on every project.

After installing the service provider you must update your models to use the Translatable-trait. The model should also have a $translatableAttributes-property containing an array with the names of the fields than can be translated:

// app/Article.php
class Article extends Model
{
use \Dimsav\Translatable\Translatable;
 
public $translatedAttributes = ['name', 'text'];
 
...
}
 
// app/ArticleTranslation.php
class ArticleTranslation extends Model
{
public $timestamps = false;
 
...
}

Now that all the setup is completed we can store some new translatable articles. If you’re following along just add this route to your Laravel app.

Route::get('create', function($locale) {
$article = new Article();
$article->online = true;
$article->save();
 
foreach (['en', 'nl', 'fr', 'de'] as $locale) {
$article->translateOrNew($locale)->name = "Title {$locale}";
$article->translateOrNew($locale)->text = "Text {$locale}";
}
 
$article->save();
 
echo 'Created an article with some translations!';
});

When you look in the database after you’ve browsed to ‘/create’ you’ll see that the articles-table holds one record. The article_translations-table contains three records: one for every locale in the example above.

Now let’s retrieve the translations. Add this route to your Laravel app:

Route::get('{locale}', function($locale) {
app()->setLocale($locale);
 
$article = Article::first();
 
return view('article')->with(compact('article'));
});

Add a article.blade.php-view with this content:

<h1>{{ $article->name }}</h1>
{{ $article->text }}

When you browse to ‘/en’ you’ll see the English translations of the article. Browse to ‘/nl’, ‘/fr’ or ‘/de’ to see the localized article for those locales.

Congratulations! You’ve now learned how to add multilingual support to an Eloquent model. I’ve created a repository containing all examples of this post on GitHub. If you want to know more, I recommend reading the examples in the readme of Dimitris’ package. Still hungry for more knowledge? Dive into his package code on GitHub. It’s not that hard to follow, and you’ll learn a lot from it.

Freek Van der Herten photo

PHP developer, Laravel enthousiast at Spatie.be, blogger, and package creator.

Cube

Laravel Newsletter

Join 40k+ other developers and never miss out on new tips, tutorials, and more.

image
Laravel Forge

Easily create and manage your servers and deploy your Laravel applications in seconds.

Visit Laravel Forge
Kirschbaum logo

Kirschbaum

Providing innovation and stability to ensure your web application succeeds.

Kirschbaum
Shift logo

Shift

Running an old Laravel version? Instant, automated Laravel upgrades and code modernization to keep your applications fresh.

Shift
Bacancy logo

Bacancy

Supercharge your project with a seasoned Laravel developer with 4-6 years of experience for just $2500/month. Get 160 hours of dedicated expertise & a risk-free 15-day trial. Schedule a call now!

Bacancy
LoadForge logo

LoadForge

Easy, affordable load testing and stress tests for websites, APIs and databases.

LoadForge
Paragraph logo

Paragraph

Manage your Laravel app as if it was a CMS – edit any text on any page or in any email without touching Blade or language files.

Paragraph
Lucky Media logo

Lucky Media

Bespoke software solutions built for your business. Partner with Lucky Media, your favorite Laravel Development Agency!

Lucky Media
Lunar: Laravel E-Commerce logo

Lunar: Laravel E-Commerce

E-Commerce for Laravel. An open-source package that brings the power of modern headless e-commerce functionality to Laravel.

Lunar: Laravel E-Commerce
Laravel Forge logo

Laravel Forge

Easily create and manage your servers and deploy your Laravel applications in seconds.

Laravel Forge
Oh Dear logo

Oh Dear

Oh Dear is the best all-in-one monitoring tool for all your Laravel apps.

Oh Dear
Tinkerwell logo

Tinkerwell

The must-have code runner for Laravel developers. Tinker with AI, autocompletion and instant feedback on local and production environments.

Tinkerwell

The latest

View all →
Get insights into all your Laravel notifications with Paragraphs new package image

Get insights into all your Laravel notifications with Paragraphs new package

Read article
FrankenPHP v1.0 is Here image

FrankenPHP v1.0 is Here

Read article
Self-healing URLs in Laravel image

Self-healing URLs in Laravel

Read article
Laravel 10.35 Released image

Laravel 10.35 Released

Read article
Solve n+1 queries in PHP with Scout APM image

Solve n+1 queries in PHP with Scout APM

Read article
Show Outdated Composer Dependencies in Laravel Pulse image

Show Outdated Composer Dependencies in Laravel Pulse

Read article