進階頁尾設計

 

為了讓商家能設計更個性化的網店網頁，eshopland 佈局設計工具已加入進階頁尾設計元素，讓商家自訂網店尾單（footer）的設計風格，以配合整體的設計效果。

 

1.    進入佈局設計工具

 

前往主控台 > 設計 > 頁面，

選擇任何頁面進入頁面設置，

按編輯  以進入佈局設計工具。

 

2.    進階頁尾設計

 

 

在左側工具列展開頁尾選單列，

啟用  進階頁尾設計。

 

 

3.    頁尾背景及文字顏色

 

背景顏色

可直接點選顏色，或輸入 RGB、HEX 顏色代碼。

 

文字顏色

可直接點選顏色，或輸入 RGB、HEX 顏色代碼。

設定頁尾的版權所有及「Powered by eshopland」文字的顏色。

 

 

4.    頁尾設計元件

 

系統預設 4 個頁尾設計元件：

文字欄

收款圖標

頁面連結

聯絡資料

 

拖拉（drag & drop）移動  元件，可以重新排列元件的次序。

停用  元件可在頁尾上隱藏該元件。

 

 

5.    文字欄元件

 

商家可以利用文字欄元件，輸入網店簡介、商品特色或其他資料。

 

 

展開文字欄元件，

按編輯 進入多功能文字欄，可自訂文字內容及設計。

完成後確定  套用。

 

 

6.    收款圖標元件

 

展開收款圖標元件，

可自訂收款圖標的寬度及高度。

系統會按照網店的收款設定（主控台 > 設定 > 收款），自動顯示及排列收款圖標。

 

 

7.    頁面連結元件

 

展開頁面連結元件，

可自訂頁面連結元件的中英字體、文字顏色、字體大小、行高、文字粗體及文字對齊。

系統會按照網店的頁尾選單項目設定（主控台 > 設計 > 偏好），自動顯示及排列頁面連結。

 

 

8.    聯絡資料元件

 

展開聯絡資料元件，

可自訂聯絡資料元件的中英字體、文字顏色、字體大小、行高及文字粗體。

系統會按照網店的客服功能按鈕的聯絡資料，及社交媒體設定（主控台 > 設計 > 偏好），自動顯示及排列聯絡資料。

 

 

9.    套用變更

 

完成設定後按確認  以套用變更。