全站外觀設計 | M2微商城電商分銷系統

適用商家類型：

功能說明

提供商家自訂網站相關的顏色與相關頁面呈現樣式。

文件版更紀錄：

前台調色盤功能

填寫內部同仁『會員系統內碼』，賦予該會員可使用前台樣式調色盤功能。

依照下圖位置複製會員系統內碼填入，請務必確認填寫為內部同仁的內碼

會員於前台重新整理後，可在頁面右上方查看到調色盤的按鈕

調色盤會帶入後台目前設定的資料

調整色碼時，對應的區塊會即時更換，因此可確認調整的色系及區域是否符合網站需求。
點選色碼旁的返回鍵，可恢復原先的設定。

全部樣式的色碼調整完畢後，點選下方的『儲存設定』，待2分鐘後，前台樣式及後台色碼資料都會同步更新此次儲存的設定。

商品列表

滑鼠觸發效果：若選擇「啟用」時，當鼠標移到商品時，列表圖片會有浮凸的效果呈現。

提示：
可搭配後台的欄位說明及的設定內容提示進行操作，若有疑問可至電商小幫手詢問。

前台樣式呈現顯示：

商品圖比例：可自訂商品圖的比例，若想要呈現正方形即可將比例調整為 1:1。

提示：
商家也可以依照商品圖去調整合適的比例。

前台樣式呈現顯示：

商品名稱、售價、活動價：皆可調整字體大小與顏色，若不輸入即為預設大小。

前台樣式呈現顯示：

活動名稱：可自訂促銷活動的標示顯示位置與顏色。
促銷文字：可自訂促銷文字的顏色。

前台樣式呈現顯示：

購買 CTA 按鈕：若商家端有使用【商品心得評價】功能，可選擇商品列表頁要放置評價功能 or 加入購物車按鈕；若沒有使用【商品心得評價】功能，則可另外選擇要開啟加入購物車按鈕 or 收藏按鈕顯示。

提示：
加入購物車按鈕也可以開放讓商家自行定義顯示名稱，若無設定則會顯示預設值。

前台「立即搶購」樣式呈現顯示：

若是將購買 CTA 按鈕選擇設定為「收藏」模式，前台商品列表頁則會顯示為下方：

「電腦版」點進商品列表頁則會顯示為：

「手機版」點進商品列表頁則會顯示為：

若是會員有將商品點選收藏按鈕時，會將收藏商品品項整理於商品列表頁及商品頁的右側「看商品」按鈕內。

點選「我的追蹤商品」頁籤，即可查看所收藏的商品項目。

評價分數：可調整評分呈現的色系。
啟用此功能需將上方的CTA按鈕選擇「關閉」使用評價才可於前台顯示。

前台樣式呈現顯示：

全站樣式設定

路徑：網站設計 > 全站外觀設計

（一）主色：

設定範圍較廣泛，請點選下方網址確認詳細設定內容。
https://pic.vcp.tw/upload/m2line/harddisc/file_name_79.pdf

館別中心上方顯示區塊及左側個人化標籤範例：

提示：
若是商城目錄有設定到第二分類以上才會顯示此主色區塊。

商品頁下方的大家最愛搜標題背景色範例：

商品頁中的「商品簡介」和「商品名稱」及「規格、數量欄位字樣」跟「活動名稱標籤」範例：

會員中心所有功能欄位，「會員資料管理」、「好友推薦」及「電子發票紀錄」等。

（二）輔色：

大家最愛搜的分類背景色：

專欄文章副標題字色：

（三）背景色：為全站頁面背景色

結帳頁面背景色範例：

前台所有「非滿版」廣告模組區塊皆會呈現背景色：

商品頁背景色：

會員中心小側邊功能背景色：

（四）動態內容模組文字：

主要以動態內容模組設定為主：

提示：
詳細動態內容模組操作教學請點選下方連結：

動態內容模組操作教學

前台動態內容模組設定呈現：

（五）一般按鈕：

右上角購物車的「前往結帳」按鈕：

購物結帳頁面的優惠序號「立即使用」按鈕及「確認訂購」按鈕：

聯繫我們的「送出資料」按鈕：

網站訂閱電子報的「取消」按鈕：

(六）CTA按鈕：

網站訂閱電子報的「訂閱」按鈕：

動態內容模組的「行動呼籲」按鈕：

前台動態內容模組設定呈現：

LINE分享設置

商品頁面：
此部分為當商品用於LINE社群分享時，會員所接收顯示的模板類型
直式照片：不支援影片檔案類型分享
方形照片：可支援有聲檔案類型分享（分享按鈕顏色，目前暫無提供調整及更改）

直式範例圖顯示：

方形範例圖顯示：

提示：
若設定為「方形照片」模式，可同步支援分享有聲影片檔案。

若想要分享影音模式，請至路徑：商品上架管理 > 進階設定的「LINE分享影音」欄位設定對應資訊即可。

提示：
可搭配後台的欄位說明及的設定內容提示進行操作，若有疑問可至電商小幫手詢問。

影片檔分享範例圖：

LINE分享泡泡 :
此部分可自行設定，當會員於網站各頁面進行分享時，區塊顯示的對應顏色為何。