Language switcher again 🌐

Question

Posting this request again.
How can we implement a language switcher please.
Content is from Hygraph with languages enabled

In WS, English default pages are on root and duplicated translation pages are in folder AR

URLs are set up fine "website.com/ar/news" (for arabic)
"website.com/news" (For default english)
Content is appearing correctly too.

Need to implement a switcher in navigation that directs to /ar/ version without taking user back to homepage

It's for a large-ish site we're rebuilding and wanting client to move from WordPress to WebStudio . It is unfortunately time-based so need to finalize this soon so we don't have to continue new site on Wp again

Thanks a lot

Oleg Isonen · Answer

So did you try writing a bit of js for this?

mustafasheikh · Answer

I tried multiple methods via chatgpt tbhAlso one user suggested another JS too but none worked unfortunately

mustafasheikh · Answer

Something like this worked only on first page load as it reads the URL but after that it doesn't

Oleg Isonen · Answer

what doesn't work, can you show an example and the exact problem?

mustafasheikh · Answer

I tried this again now with fresh slot and tested in published version again and this above script solved the switcher . I must be doing somethign wrong in previous versionsorry and thanks again

Join the Webstudio community

Language switcher again 🌐