幫助中心 > 設計 > 區塊 > 管理區塊

管理區塊

 

eshopland 網店平台的網頁設計架構,採用免編程的「模塊式」方式處理。系統入建了多款不同功能的設計區塊,讓您在網頁「佈局設計工具」內,任意添加、編輯及組織區塊,輕鬆創建您獨一無二的網店網站。

 

以下介紹設計區塊通用的基本操作。

 

1.    新增區塊

 

進入主控台 > 設計 > 頁面 > 選擇頁面 > 佈局設計工具

 

 

新增  並選擇區塊。

新增一個區塊,該區塊會同步新增到其他語言頁面 (如有)

同步自動新增的區塊是空白的,內容需要個別輸入。

新增區塊功能只適用於指定計劃用戶。

如果服務計劃不支援新增區塊,用戶可使用系統預設的區塊進行編輯及設計。

 

 

新增的區塊會顯示在右方預覽區。

每個區塊的上、下方,都設有新增區塊功能。

 

 

2.    設定區塊的寬度及間距

 

寬度

在區塊左側的下方,輸入或調整數字,自訂區塊的寬度。

區塊寬度以像素 (px) 為單位。

 

間距

在區塊右側的上、下方,輸入或調整數字,自訂區塊之間的間距。

區塊間距以像素 (px) 為單位。

 

 

高度比例

在區塊左側的下方輸入或調整數字,可自訂區塊與顯示器的高度比例 (%)

系統會根據您所設定的高度比例,自動裁剪區塊內的圖像。

 

 

3.    設定區塊的背景顏色

 

區塊的預設背景顏色為白色。

點選背景顏色 ,選擇顏色或輸入RGBHEX 顏色代碼,變更區塊的背景顏色。

更新區塊背景顏色,會同步套用至其他語言頁面 (如有)

 

 

4.    設定區塊

 

在左方的工具列上選擇區塊,可以手動拖拉方式,重新排列區塊。

 

     

其他設定:

     

             加入連結

將區塊連結到網店的指定頁面、分類、商品,或是其他網址。

 

              顯示狀態

設定區塊的顯示狀態為顯示隱藏

您可以設定個別圖片或區塊,在不同語言頁面上的顯示狀態

 

              刪除區塊

其他語言頁面的同一區塊將同步被刪除。

 

5.    套用

 

完成後儲存  變更。

 

eshopland - NGO Offer
eshopland - 立即免費試用
eshopland 14 天免費試用
無需提供信用卡資料
eshopland 網店平台-Payment Asia 網店線上收款
eshopland 網店平台-後台落單功能
eshopland 網店平台-會員積分獎賞 points rewards,電子禮券 e-coupons「購物金」
eshopland 網店平台-自動建店,10 分鐘極速開業
eshopland 網店平台-貼文自動接單
eshopland 網店平台範本-Alpha
eshopland 網店平台範本-Zeta
eshopland 網店手機印單

延伸閱讀

商品價格及標籤風格

eshopland網店平台的多功能網頁設計工具,賦予商家極大的設計靈活性,讓商家可自由設計商品列表的風格,細膩如商品的價格文字及顏色,以至商品的各類標籤,都可以自訂設計風格,以配合網店及品牌形象,讓您... [閱讀更多]

繁簡體中文快速轉換

為方便您需要同時輸入繁體中文及簡體中文內容,eshopland特設了繁簡互換功能,讓您在輸入中文內容時,可以快速互換及複製繁體中文及簡體中文內容。1. 繁轉簡功能首先,在繁體中文欄位上輸入所需的繁體... [閱讀更多]

「商品」頁面設計

在 eshopland 網店平台,商家可以自主設計「商品」頁面的款式。eshopland 賦予商家極大的設計靈活性,讓您可以輕鬆設計出屬於您的個性化網店頁面。1. 「商品」頁進入主控台 > 設計 > ... [閱讀更多]

設定每行商品數量

eshopland網店平台的多功能網頁設計工具,可以讓商家自主為網店網頁加入不同的設計風格,自訂商品列表的每行商品數量,以配合不同網店的主題和形象。更多有關商品列表的設計方法,可參考《商品列表設計》的... [閱讀更多]

推介文章