本文章為 WACA 商店佈景元件介紹，共分二篇文章分別介紹不同的元件：
此為『第二篇』元件介紹文章，內容包含：圖文影元件／輪播元件／商品列表元件／頁籤元件／公告元件／Blog元件／社群元件等元件介紹；如需查詢其餘元件，請點擊下方目錄的『其它元件』連結前往；若需要回到此頁面，請點擊瀏覽器『回上一頁』按鈕即可！
目錄
F. 圖文影元件
位置：新增元件 ➜ 【F】圖文影元件
G. 輪播元件
位置：新增元件 ➜ 【G】輪播元件
H. 商品列表元件
位置：新增元件 ➜ 【G】輪播元件
| 1-H01 |
 |
| 適用網格 |
 |
|
|
|
| 1-H01 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可設定陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定商品排序樣式／分頁
- 開啟分頁 ➜ 可設定顯示筆數／顏色
- 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
|
 |
| 1-H01 元件樣式 |
 |
| 1-H02 |
 |
| 適用網格 |
|
|
|
|
| 1-H02 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可設定陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定商品排序樣式／分頁
- 開啟分頁 ➜ 可設定顯示筆數／顏色
- 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
|
 |
| 1-H02 元件樣式 |
 |
| 1-H03 |
 |
| 適用網格 |
|
|
|
|
| 1-H03 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可設定陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定商品排序樣式／分頁
- 開啟分頁 ➜ 可設定顯示筆數／顏色
- 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
|
 |
| 1-H03 元件樣式 |
 |
| 1-H04 |
 |
| 適用網格 |
|
|
|
|
| 1-H04 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可設定陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定商品排序樣式／分頁
- 開啟分頁 ➜ 可設定顯示筆數／顏色
- 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
|
 |
| 1-H04 元件樣式 |
 |
| 1-HC01 |
 |
| 適用網格 |
|
|
|
|
| 1-HC01 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可加入商品、編輯陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定顯示筆數／分頁顏色樣式
- 加入商品數 ＞ 顯示筆數 ➜ 前台顯示分頁
- 加入商品數 ＜ 顯示筆數 ➜ 前台關閉分頁
- 更改顏色 ➜ 修改文字左側邊條顏色
|
 |
- 點擊『＋目前已加入 n 個商品』按鈕進入商品加入頁，左側搜尋後可加入商品、商品加入右側已加入商品後，可調整商品排序
|
 |
- 點擊文字後，可使用浮動工具編輯文字及連結（左側直線顏色請使用『更改顏色』調整）
|
 |
| 1-HC01 元件樣式 |
 |
| 1-HC02 |
 |
| 適用網格 |
|
|
|
|
| 1-HC02 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可加入商品、編輯陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定顯示筆數／分頁顏色樣式
- 加入商品數 ＞ 顯示筆數 ➜ 前台顯示分頁
- 加入商品數 ＜ 顯示筆數 ➜ 前台關閉分頁
- 更改顏色 ➜ 修改文字條底色
|
 |
- 點擊『＋目前已加入 n 個商品』按鈕進入商品加入頁，左側搜尋後可加入商品、商品加入右側已加入商品後，可調整商品排序
|
|
- 點擊文字／ICON 後，可使用浮動工具編輯 ICON／文字及連結（文字條底色請使用『更改顏色』調整）
|
 |
| 1-HC02 元件樣式 |
 |
| 1-HC03 |
 |
| 適用網格 |
|
|
|
|
| 1-HC03 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可加入商品、編輯陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定顯示筆數／分頁顏色樣式
- 加入商品數 ＞ 顯示筆數 ➜ 前台顯示分頁
- 加入商品數 ＜ 顯示筆數 ➜ 前台關閉分頁
- 更改顏色 ➜ 修改文字條底色
|
 |
- 點擊『＋目前已加入 n 個商品』按鈕進入商品加入頁，左側搜尋後可加入商品、商品加入右側已加入商品後，可調整商品排序
|
|
- 點擊文字／ICON 後，可使用浮動工具編輯 ICON／文字及連結（文字條底色請使用『更改顏色』調整）
|
 |
| 1-HC03 元件樣式 |
 |
| 1-HC04 |
 |
| 適用網格 |
|
|
|
|
| 1-HC04 元件設定 |
- 內邊距 ➜ 可修改邊距顏色
- 商品管理 ➜ 可加入商品、編輯陳列版型／文字大小／品名對齊／文字顏色／商品金額顯示／背景顏色
- 商品金額顯示金額範圍可設定最高／最低／區間
|
- 樣式管理 ➜ 可設定顯示筆數／分頁顏色樣式
- 加入商品數 ＞ 顯示筆數 ➜ 前台顯示分頁
- 加入商品數 ＜ 顯示筆數 ➜ 前台關閉分頁
- 更改顏色 ➜ 修改文字條底色
|
 |
- 點擊『＋目前已加入 n 個商品』按鈕進入商品加入頁，左側搜尋後可加入商品、商品加入右側已加入商品後，可調整商品排序
|
|
- 點擊文字／ICON 後，可使用浮動工具編輯 ICON／文字及連結（文字條底色請使用『更改顏色』調整）
|
 |
| 1-HC04 元件樣式 |
 |
I. 頁籤元件
位置：新增元件 ➜ 【I】頁籤元件
J. 公告元件
位置：新增元件 ➜ 【J】公告元件
P. Blog元件
位置：新增元件 ➜ 【P】Blog 元件
Q. 社群元件
位置：新增元件 ➜ 【Q】社群元件
