How to name classes for a multi-lingual website in Webflow?

Hey guys, so we are developing a website in English and Arabic

And we are going the route of duplicating pages for the other language. Weglot isn’t the best route yet, unfortunately.

Now when I come to naming my classes, how should I name them for different languages?

Should I add a combo class like,
Feature-section arabic

Or duplicate the classes and rename it,
arabic-feature-section

Thanks for the assist :slight_smile:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

hi @AliSaeed you should thing about what is difference between combo and new class. What I mean is that combo is related to parent. Correct? What will be design look like when you will translate site to Japanese? What I mean is that text content will be not only different in size (length) and LR read direction but also in Japanese from top to bottom.

This mean that Parent element will need completely new design to accommodate text content. So in short IMO in this situation to make your life easier a new design for arabic === new class.

Different situation will be when page will be translated to latin alphabet as length of content and reading direction will be more or less identical and in this case to make a small adjustments to fit content a combo will be more suitable solution.

m2c :wink:

Hey everyone, spoke with Ali the other day and showed him my system RTLflow, which we use for structured and scalable RTL Webflow Development. He was pleasantly surprised :slight_smile:

Check it out here: