Using Multi-State Boxes to Switch From LTR to RTL in My Multilingual Site

Ask the community
, ,
1

I managed to follow the tutorial from here: https://support.wix.com/en/article/using-multi-state-boxes-to-switch-from-ltr-to-rtl-in-your-multilingual-site to edit the 2nd language as Chinese, writing as vertical text from RTL. Please see my example here . It is all good for the desktop version, please see my code here:

import wixWindow from 'wix-window';
const RTLLangs = ['zh'];
$w.onReady(function () {
 let lang = wixWindow.multilingual.currentLanguage;
 if(RTLLangs.includes(lang)){
        $w('#statebox9').changeState('Default2');
        }
 let states = $w('#statebox9').states;
 let foundStates = states.filter((state)=>{state.id === lang});
 if(foundStates.length>0){
        $w('#statebox9').changeState(foundStates[0]);
    }
 else{
        $w('#statebox9').changeState('Default');
    }
});

However, the same site does not show the 2nd language on mobile. Would you have a solution for this? Do I need to modify the codes in order for the mobile version to show my RTL text? Thank you very much in advance.:smiley:
#multistateBox

2

Hi stella,

i never used multilingual but did you check if your elements are on the mobile version?
Sometime when published and then doing changes may send elements to the “Hidden elements” tab on the mobile version.

3

Hi Kristof, thanks for the heads up. I’ve checked again for hidden elements but apparently nothing is there. In mobile preview mode it is showing my 2nd language with no problem. The live mobile site is showing the “Upgrade Wix” banner in the correct language corresponding to the language selection. It’s just not switching to the correct multi-state box.

4

I passed this to support and now it’s been fixed. Many thanks to Wix Support. Now that even Japanese & Korean can create text written vertically as RTL against other LTL languages in Wix Multilingual.

5

Hello Stella - I am struggling myself with RTL/LTR - my main language of the site is RTL, but since i have limited knowledge i cant seem to be able to make this work with the different states. Would LOVE if we can chat?