幫助中心 > 設計 > 商品列表 > 商品列表設計

商品列表設計

 

eshopland 網店平台的佈局設計工具,可以讓商家自主設計商品列表的顯示風格及樣式,以配合不同的主題風格。
eshopland
賦予商家極大的設計靈活性,讓您能夠輕鬆設計出理想的網店模樣。

 

1.    商品列表頁

 

進入主控台 > 設計 > 頁面,然後點選「商品」列表頁。

 

 

2.    商品列表設計

 

點選以進入商品列表設計的操作頁面。

 

 

3.    設計功能

 

您可以自主設計商品列表的風格。

預覽式設計,讓您可即時看到設計效果。

當您更新並儲存設計風格,所有商品列表所有分類及商品分類商品列表區塊亦會自動套用更新。

 

點擊「還原預設值」可以還原所有商品列表風格為系統設定。

 

 

頁面:

背景顏色

整個商品列表頁的背景顏色。

 

列表底色

顏色將套用到商品列表上。

 

文字顏色

顏色將套用到商品列表頂部的篩選器。

 

 

商品展示:

每行最多商品

在桌面版顯示時,可在每行展示的商品數量。

可設定每行展示 2 – 6 件商品。

 

間距

商品之間的間距,以像素(px)為單位。

當您更改間距時,商品方塊的大小亦會自動調整。

 

背景顏色

商品方塊的背景顏色。

您可以使用調色盤或顏色代碼(color code)來設定顏色。

 

 

商品圖片:

鼠標效果:放大

-         鼠標移到圖片上時,圖片會放大顯示。

 

鼠標效果:轉換

-         鼠標移到圖片上時,會轉換至第二幅圖片。

(您必須為商品加入最少兩幅圖片,方可展現圖片轉換的效果。)

 

鼠標效果:自動轉換

-         全部商品列表上的圖片,會按照設定時間自動轉換。

-         自動轉換只限首兩幅商品圖片。

-         設定時間以秒(s – second)為單位。

 

 

商品名稱:

字體大小

行高

文字顏色

字體 (中文及英文)

粗體文字

文字對齊

 

 

價格風格設定:

字體大小

行高

文字顏色

字體

粗體文字

文字對齊

 

正價

原價

特價

會員價

 

 

標籤風格設定:

背景顏色

文字顏色

字體 (中文及英文)

圓角

粗體文字

字體大小

 

預購標籤

優惠標籤

售罄標籤

限時購買標籤

會員價標籤

 

 

分頁:

文字顏色

背景顏色

 

 

完成後必須儲存 https://support.eshopland.com/webcontent/shop_data/shop_1/images/article/129/zh-Hant/image008.png 變更。

 

eshopland - NGO Offer
eshopland - 立即免費試用
eshopland 14 天免費試用
無需提供信用卡資料
eshopland 網店平台-快速結帳連結
eshopland 網店平台-模塊式網頁設計
eshopland 網店平台-社交媒體店主善用網店賺更多
eshopland 網店平台-簡單易用,自動建店,DIY 都無難度
eshopland 網店平台範本-Eta
eshopland 網店平台範本-Kappa
eshopland 網店平台範本-Zeta
eshopland 網店手機印單

延伸閱讀

順豐自動化

商家透過 eshopland 系統後台,可以自動生成及列印順豐速運,然後直接安排寄送;一鍵列印運單,無須安裝任何插件,省時省力。只要商家輸入正確的順豐帳戶登記電話號碼或順豐月結卡號,即將已寄送的運單記

Facebook 驗證網域擁有權

通過 eshopland 後台及 Meta / Facebook 企業管理平台驗證您的網店網域,讓Meta / Facebook 能夠確認商家已擁有並連結到自家的網店網域。1. 建立 Meta / F

缺貨提醒

按照以下簡單步驟,您可以設定接收庫存的缺貨提示通知。當商品倉存出現低庫存、存貨量不足或缺貨時,系統會自動向您發出提醒。1. 登入帳戶並進入主控台,點選設定 >庫存。當您啟用 缺貨提醒功能,系統會自動監

Facebook 直播及影片

您可以在 eshopland 加入 Facebook 直播及影片區塊,讓顧客更容易了解您的品牌及商品。1. 新增 Facebook 直播及影片區塊。在主控台>設計>頁面,選擇或新增頁面,進入頁面的佈

推介文章