第四步、設計商店風格

完成了商店的基本設定後,我們將開始設計商店的模樣
註冊時系統將自動生成預設首頁,此篇將引導如何替換首頁上的相關設計


此篇分成四項說明:
導覽列設定
LOGO 設定
首頁圖片設定
商店名稱設定


一、導覽列設定
後台管理「商店設計 > LOGO / 導覽列 / 配色 / 背景 > 導覽列」

找到喜歡的導覽列 > 點擊即儲存,接著前往商店前台查看套用效果。

前台示意圖


二、LOGO 設定
後台管理「商店設計 > LOGO / 導覽列 / 配色 / 背景 > LOGO」

根據桌面版、手機版、網頁小圖示上傳不同尺寸的 LOGO 圖檔,儲存後前往商店前台查看效果。


商店設計 > LOGO / 導覽列 / 配色 / 背景 > 版面」調整電腦版 LOGO 位置


網站小圖示會顯示在瀏覽器旁、Google搜尋列縮圖


三、首頁圖片設定
首頁每個區塊都是透過獨立「套件」放置,像是拼圖一樣,例如: 從上到下透過「輪播橫幅」「最新商品」「幻燈片」..等按照順序擺放。
網站預設生成時已有放置幾個套件,現在我們就直接來更換預設圖片。


步驟一、「商店設計 > 共用橫幅管理」,點擊「首頁輪播桌機版 > 編輯」

此時會看到已存在的預設圖片,也就是說在決定要顯示於首頁前,會需要先「上傳圖片」,單張、多張都可以


步驟二、點擊圖片下方「瀏覽」即可上傳自己的圖片進行替換


步驟三、儲存後,進入網頁前台即可看到更新後的圖片


步驟四、調整換圖的秒數、非滿版
首頁的區塊是透過「套件」來達成,目前此區塊是透過「幻燈片滑塊橫幅」套件來呈現多張圖動態更換的動作

「商店設計 > 幻燈片滑塊橫幅」可找到目前使用的套件


四、商店名稱設定
架設好網站後千萬別忘了最重要的商店名稱,一共有三個地方需要調整


1.「商店設定 > 商店登記」
公司名稱與統編將呈現於前台頁尾

2.「商店設定 > GTM/SEO網站工具」
網頁瀏覽器開啟時看見的商店名稱

3.「商店設定 > 通知」
網站系統信寄出時呈現的商店名稱、以及網站頁尾出現的 Copyright


到這邊,網店的基本模樣就雛形囉!

繼續閱讀「第五步、成立第一張訂單」。



進一步閱讀「網站圖片套件設定
進一步閱讀「網站商品區塊設定