最近WVONを入れる案件が増えてきた印象を受けます。
WVONによって言語切り替え時にレイアウトが崩れてしまう。。。なんて時にjsでclassを付与する方法を書かせていただきます。
WVONとは
WOVN.io
WOVN.io は、「世界中の人が、すべてのデータに、母国語でアクセスできるようにする」をミッションに、Web サイトを最大43言語・76のロケール(言語と地域の組み合わせ)に多言語化し、海外戦略・在留外国人対応を成功に導く多言語化ソリューションです。 大手企業をはじめ18,000サイト以上へ導入されています。
SCSS・JS
function langWovn() {
let langWovnBody = document.getElementsByTagName('body');
window.addEventListener('wovnLangChanged', function (evt) {
var newLang = WOVN.io.getCurrentLang().code;
if (newLang === "ja") {
langWovnBody[0].classList.remove('is_langWovn');
} else {
langWovnBody[0].classList.add('is_langWovn');
}
});
}
$(function() {
langWovn();
});