X
教學目錄
新手教學指南
網站基本設定
會員教學
訂單教學文件
商品上架教學
行銷教學文件
微商相關
社群媒體串接

全站外觀設計

2022-02-15
適用商家類型：

文件版更紀錄：

功能說明

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

目錄

  • ．前台調色盤功能
  • ．商品列表
  • ．全站樣式設定

前台調色盤功能

填寫內部同仁『會員系統內碼』，賦予該會員可使用前台樣式調色盤功能。
依照下圖位置複製會員系統內碼填入，請務必確認填寫為內部同仁的內碼
會員於前台重新整理後，可在頁面右上方查看到調色盤的按鈕
調色盤會帶入後台目前設定的資料
調整色碼時，對應的區塊會即時更換，因此可確認調整的色系及區域是否符合網站需求。
點選色碼旁的返回鍵，可恢復原先的設定。
全部樣式的色碼調整完畢後，點選下方的『儲存設定』，待2分鐘後，前台樣式及後台色碼資料都會同步更新此次儲存的設定。

商品列表

滑鼠觸發效果：若選擇「啟用」時，當鼠標移到商品時，列表圖片會有浮凸的效果呈現。
提示：
可搭配後台的欄位說明及的設定內容提示進行操作，若有疑問可至電商小幫手詢問。
前台樣式呈現顯示：
商品圖比例：可自訂商品圖的比例，若想要呈現正方形即可將比例調整為 1:1。
提示：
商家也可以依照商品圖去調整合適的比例。

前台樣式呈現顯示：
商品名稱、售價、活動價：皆可調整字體大小與顏色，若不輸入即為預設大小。
前台樣式呈現顯示：
活動名稱：可自訂促銷活動的標示顯示位置與顏色。
促銷文字：可自訂促銷文字的顏色。
前台樣式呈現顯示：
購買 CTA 按鈕：若商家端有使用【商品心得評價】功能，可選擇商品列表頁要放置評價功能 or 加入購物車按鈕；若沒有使用【商品心得評價】功能，則可另外選擇要開啟加入購物車按鈕 or 收藏按鈕顯示。
提示：
加入購物車按鈕也可以開放讓商家自行定義顯示名稱，若無設定則會顯示預設值。
前台「立即搶購」樣式呈現顯示：
若是將購買 CTA 按鈕選擇設定為「收藏」模式，前台商品列表頁則會顯示為下方：
「電腦版」點進商品列表頁則會顯示為：
「手機版」點進商品列表頁則會顯示為：
若是會員有將商品點選收藏按鈕時，會將收藏商品品項整理於商品列表頁及商品頁的右側「看商品」按鈕內。
點選「我的追蹤商品」頁籤，即可查看所收藏的商品項目。
評價分數：可調整評分呈現的色系。
啟用此功能需將上方的CTA按鈕選擇「關閉」使用評價才可於前台顯示。
前台樣式呈現顯示：

全站樣式設定

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

（一）主色：

設定範圍較廣泛，請點選下方網址確認詳細設定內容。
https://pic.vcp.tw/upload/m2line/harddisc/file_name_79.pdf
館別中心上方顯示區塊及左側個人化標籤範例：
提示：
若是商城目錄有設定到第二分類以上才會顯示此主色區塊。
商品頁下方的大家最愛搜標題背景色範例：
商品頁中的「商品簡介」和「商品名稱」及「規格、數量欄位字樣」跟「活動名稱標籤」範例：
會員中心所有功能欄位，「會員資料管理」、「好友推薦」及「電子發票紀錄」等。

（二）輔色：

大家最愛搜的分類背景色：
專欄文章副標題字色：

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

結帳頁面背景色範例：
前台所有「非滿版」廣告模組區塊皆會呈現背景色：
商品頁背景色：
會員中心小側邊功能背景色：

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

主要以動態內容模組設定為主：
提示：
詳細動態內容模組操作教學請點選下方連結：
動態內容模組操作教學
前台動態內容模組設定呈現：

（五）一般按鈕：

右上角購物車的「前往結帳」按鈕：
購物結帳頁面的優惠序號「立即使用」按鈕及「確認訂購」按鈕：
聯繫我們的「送出資料」按鈕：
網站訂閱電子報的「取消」按鈕：

(六）CTA按鈕：

網站訂閱電子報的「訂閱」按鈕：
動態內容模組的「行動呼籲」按鈕：
前台動態內容模組設定呈現：
© 2022 美萃思電商 All Rights Reserved. M2微商城 基於LINE微商而生的平台系統
分享此文章