影片教學
影片

說明在 購物網站 後台管理系統中,設定 彈跳視窗。
並如何針對不同多語系的網站,運用「複製模組」功能,
建立中文與英文版本各自獨立的彈跳視窗,
讓每個訪客都能接收到最符合其語言習慣的重要資訊,
有效提升使用者體驗與網站運營效率。
無論是網站公告、促銷活動或重要提醒,都能精準傳遞給多語系客戶。
步驟一:進入網站模組管理
請登入網站後台,依序點選「內容」→「網站模組」。
在搜尋框內輸入「彈跳視窗」即可快速找到目標模組。
若模組旁出現鎖頭圖示,表示有其他使用者正在編輯中,請避免同時修改以防資料衝突。
步驟二:更新彈跳視窗圖片
進入模組編輯頁面後,找到圖片設定區塊。
點選現有圖片並上傳新的圖檔(建議尺寸為 1040 × 1040 px)。
為確保新圖能即時顯示,建議在上傳前將圖片重新命名,例如在檔名中加入日期或版本號,以避免瀏覽器快取問題。
上傳後,請務必點擊「Update」並儲存變更。
步驟三:設定中文與英文獨立視窗
要讓不同語系的彈跳視窗分開顯示,您需要為每個語系建立獨立的模組:
- 設定中文視窗:
在既有的彈跳視窗模組中,前往「選單指定」,只勾選「Main Menu首頁 和 中文首頁」。 - 建立英文視窗:
回到模組清單,找到中文彈跳視窗並點選「複製」。
將新模組命名為「英文彈跳視窗」,並將狀態設定為「已發布」。
進入新模組的「選單指定」,只勾選「英文首頁」,並取消勾選中文首頁。
完成這些步驟後,您將擁有兩個獨立運作的彈跳視窗模組,分別只會在對應的語系首頁顯示。
步驟四:最終檢查與注意事項
完成所有設定後,請分別前往中文與英文首頁進行檢查,確認彈跳視窗是否正確顯示。
若有顯示異常,請再次確認模組的「選單指定」設定。
請記得以下幾點:
- 為確保版面一致性,上傳的圖片請盡量維持相同尺寸。
- 更新圖片時,務必更改檔案名稱以避免快取問題。
- 如遇模組被鎖定,請等待或聯繫其他編輯者,避免同時修改造成資料覆蓋。
常見問題 (FAQ)
問:如何將購物網站的首頁彈跳視窗分開顯示中文和英文版?
答:您需要進入後台的「網站模組」管理,
複製現有的彈跳視窗模組。
然後分別針對兩個模組,
|在「選單指定」中勾選對應的中文與英文首頁,
並取消未勾選的語系,即可實現分開顯示。
問:為什麼修改了彈跳視窗圖片,但網站顯示的還是舊圖?
答:這可能是因為瀏覽器快取(Cache)的問題。
建議您在重新上傳圖片時,先將圖片檔案重新命名,
例如在檔名中加入日期或版本號,這樣能有效避免快取導致舊圖顯示。
問:如果模組旁邊有鎖頭圖示,我還可以編輯嗎?
答:當模組旁邊出現鎖頭圖示,
代表目前有其他使用者正在編輯。
若您有足夠的權限,可以直接點擊鎖頭圖示強制開啟編輯,
但為避免修改衝突,
建議先確認其他使用者是否已完成編輯並離開。
十. 相關文章
網頁設計 問與答:
網站建置 報價相關:https://des13.com/faq/quote.html
網站建置 技術相關:https://des13.com/faq/webtech.html
B2B形象官網建置:https://des13.com/faq/b2b.html
網站升級維護:https://des13.com/faq/upgrade.html
推薦閱讀:全後台模組化形象官網
簡易電子書下載:一頁式網頁設計電子書
如果您喜歡我們的文章,歡迎分享!也歡迎查看我們的其他文章。如果有任何疑問也歡迎加line和我們聯絡
全後台模組化形象官網,符合各式商業模式與需求,請參考:https://des13.com/service/rwd.html
Written by Ring
作者:益盛科技 專案經理
通過Google Ads-Measurement Assessment
15年 網站專案管理及人員管理實務經驗。
具網站美編企劃繪製能力
具多媒體網頁設計與 RWD設計之實務經驗