商品列表設計

 

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

 

1.    商品列表頁

 

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

 

 

2.    商品列表設計

 

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

 

 

3.    設計功能

 

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

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

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

 

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

 

 

頁面：

背景顏色

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

 

列表底色

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

 

文字顏色

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

 

 

商品展示：

每行最多商品

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

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

 

間距

商品之間的間距，以像素（px）為單位。

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

 

背景顏色

商品方塊的背景顏色。

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

 

 

商品圖片：

鼠標效果：放大

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

 

鼠標效果：轉換

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

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

 

鼠標效果：自動轉換

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

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

-         設定時間以秒（s – second）為單位。

 

 

商品名稱：

字體大小

行高

文字顏色

字體 （中文及英文）

粗體文字

文字對齊

 

 

價格風格設定：

字體大小

行高

文字顏色

字體

粗體文字

文字對齊

 

正價

原價

特價

會員價

 

 

標籤風格設定：

背景顏色

文字顏色

字體 （中文及英文）

圓角

粗體文字

字體大小

 

預購標籤

優惠標籤

售罄標籤

限時購買標籤

會員價標籤

 

 

分頁：

文字顏色

背景顏色

 

 

完成後必須儲存  變更。