URLs in multi-language projects

If you have a multi-language project setup, you can use the Frontastic studioFrontastic studio - The interface you use to manage, build, and edit all areas of your project and commerce sites. Previously known as `backstage`. to set different URLs for each language.

To do this, open the Frontastic studioFrontastic studio - The interface you use to manage, build, and edit all areas of your project and commerce sites. Previously known as `backstage`. and go to the site buildersite builder - An interface that you work with to build your commerce site. Previously known as `stage`..

Then click the settings icon on a page folder:

In the General settings section, you can see the relative paths for the different locales available in your project.

It's here that you can set a different URL based on the locale.

Let's look at an example. Say you wanted to have your homepage be your main URL, then you want to have /locale for your other locales (like, /fr). You'd update the relative paths like the below:

Our default is the one with the home relative path, then we have each locale starting with the country identifier. Then, when we navigate to that URL, we have the same content but with the locale URL.

You'll notice that the language of our “New arrivals” copy doesn't change automatically. But you can set this up using your own Locale resolvers, we haven't implemented it in our example.


Did this page help you?