SupaTalker 文件
行業內容商店設定

外觀

商店頁的版型與配色:經典與卡片兩種版型、預設配色,以及各處文字與圖示顏色的微調

這個段落設定商店頁的版型與配色。

版型要存了才看得到,配色立刻顯示

  • 換版型之後,要按「儲存並預覽」,右側預覽才會換成新版型
  • 調整配色時,右側預覽會立即顯示,但還沒有儲存
  • 兩者都要按「發佈」,顧客看到的商店頁才會改變,見總覽

外觀

版型

有經典與卡片兩種,會改變商店頁的排列方式。

預設配色

一次套用一整組配色。上排五組是白底,下排五組是黑底。 商店頁的底色只能用這裡切換,在白底與黑底之間選擇,沒有另外的設定。

「恢復預設」把配色恢復成預設值。

個別顏色

個別顏色

套用預設配色之後,可以再微調各處的顏色:點色塊選顏色。 色塊旁顯示「預設」,代表這個項目維持原本的顏色。

項目影響哪些地方
主色主要按鈕的底色(加入購物車、結帳、購物車泡泡),以及選中的分頁、排序、規格選項、地址、折價券、連結文字與訂單完成的打勾
主色上的文字主色按鈕上的文字與圖示
文字一般內文:商品名稱、說明、表單內容。一級、二級標題沒有另外設定時,也跟著這個顏色
次要文字輔助資訊:售出數、庫存、提示字、未選中的分頁、搜尋框的提示字
一級標題店名、各頁頂端的頁名(結帳、會員中心、我的訂單、訂單明細),以及商店暫停營業時提示頁的標題
二級標題首頁各區塊的標題、頁面中的小節名稱、彈出面板的標題(含購物車)、分類名稱、商品頁的規格列名與「商品說明」
圖示搜尋、會員、版型切換、返回、數量加減、複製、問問等功能圖示。價格排序箭頭、運費卡車與購物車按鈕內的圖示不受影響;相片上的箭頭固定為白色

本頁內容