import wixWindow from'wix-window';constLangs=['en'];//第二語言$w.onReady(function(){let lang = wixWindow.multilingual.currentLanguage;if(Langs.includes(lang)){ $w('#statebox').changeState('en');//第二語言}let states = $w('#statebox').states;let foundStates = states.filter((state)=>{state.id === lang});if(foundStates.length>0){ $w('#statebox').changeState(foundStates[0]);}else{ $w('#statebox').changeState('zh');//第一語言}});
這樣就可以了。我們實作了一個,給你參考這裡。2) 有關物件的Layout如對齊方法,及使用群組元素,請參考我們的YouTube教學這裡 ,0:14開始你所示的圖一是已經登入,圖二是未登入,位置上必然會有差距。其中有關會員登入及Wix Site Search,都沒有其他元件或圖像icon代替,所以請試試用以上對齊及群組元素的方式整理一下。
1) 可以的,但需要用到開發模式。請參考我們之前的YouTube教學,請按這裡。
- 先設定好"多狀態方塊"
- 假設你的主要語言是"zh",第二語言是"en"
- 無需設定按鈕於頁面
- 設定第一個狀態名稱是"zh",加入faq app及中文問題
- 設定第二個狀態名稱是"en",加入faq app及英文問題
- 參考自這裡的教學,於Page code tab加上以下的程式碼:
import wixWindow from 'wix-window'; const Langs = ['en'];//第二語言 $w.onReady(function () { let lang = wixWindow.multilingual.currentLanguage; if(Langs.includes(lang)){ $w('#statebox').changeState('en');//第二語言 } let states = $w('#statebox').states; let foundStates = states.filter((state)=>{state.id === lang}); if(foundStates.length>0){ $w('#statebox').changeState(foundStates[0]); } else{ $w('#statebox').changeState('zh');//第一語言 } });
這樣就可以了。我們實作了一個,給你參考這裡。 2) 有關物件的Layout如對齊方法,及使用群組元素,請參考我們的YouTube教學這裡 ,0:14開始 你所示的圖一是已經登入,圖二是未登入,位置上必然會有差距。 其中有關會員登入及Wix Site Search,都沒有其他元件或圖像icon代替,所以請試試用以上對齊及群組元素的方式整理一下。