• 商店佈景元件(二)|圖文影、輪播、商品列表、頁籤、公告、Blog、社群元件

    • 最後更新 2022-06-08 13:26

     

    本文章為 WACA 商店佈景元件介紹,共分二篇文章分別介紹不同的元件:

    此為『第二篇』元件介紹文章,內容包含:圖文影元件/輪播元件/商品列表元件/頁籤元件/公告元件/Blog元件/社群元件等元件介紹;如需查詢其餘元件,請點擊下方目錄的『其它元件』連結前往;若需要回到此頁面,請點擊瀏覽器『回上一頁』按鈕即可!

     

    目錄

    本篇包含: 其它元件:

     

     

    F. 圖文影元件

    位置:新增元件 ➜ 【F】圖文影元件

     

     

    1-F01
    適用網格
         
    1-F01 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片
    • 滑鼠移入圖片效果
    • 更改顏色可修改底色

    【影片】

    • 內邊距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片
    • 更改顏色可修改底色

    【圖片】

    • 點擊圖片後,可使用浮動工具編輯圖片、連結及文字

    【影片】

    • 點擊影片後,可使用浮動工具編輯影片及文字

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F01 元件樣式
    【圖片】 【影片】

     

     

    1-F02
    適用網格
         
    1-F02 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片
    • 滑鼠移入圖片效果
    • 更改顏色可修改底色

    【影片】

    • 內邊距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片
    • 更改顏色可修改底色

    【圖片】

    • 點擊圖片/文字後,可使用浮動工具編輯圖片、連結及文字

    【影片】

    • 點擊影片/文字後,可使用浮動工具編輯影片及文字

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F02 元件樣式
    【圖片】 【影片】

     

     

    1-F12
    適用網格
         
    1-F12 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 圖影間距可設定間距開關
    • 圖影序號1 = 左邊;序號2 = 右邊
    • 圖影切換可切換圖片/YT 影片
    • 滑鼠移入圖片效果

    【影片】

    • 內邊距可修改邊距顏色
    • 圖影間距可設定間距開關
    • 圖影序號1 = 左邊;序號2 = 右邊
    • 圖影切換可切換圖片/YT 影片

    【圖片】

    • 點擊圖片後,可使用浮動工具編輯圖片及連結

    【影片】

    • 點擊影片後,可使用浮動工具編輯影片

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F12 元件樣式
    【圖片】 【影片】

     

     

    1-F13
    適用網格
         
    1-F13 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 圖影間距可設定間距開關
    • 圖影序號1 = 左邊;序號2 = 右邊
    • 圖影切換可切換圖片/YT 影片
    • 滑鼠移入圖片效果

    【影片】

    • 內邊距可修改邊距顏色
    • 圖影間距可設定間距開關
    • 圖影序號1 = 左邊;序號2 = 右邊
    • 圖影切換可切換圖片/YT 影片

    【圖片】

    • 點擊圖片後,可使用浮動工具編輯圖片及連結

    【影片】

    • 點擊影片後,可使用浮動工具編輯影片

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F13 元件樣式
    【圖片】 【影片】

     

     

    1-F14
    適用網格
         
    1-F14 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 圖影間距可設定間距開關
    • 圖影序號1 = 左邊;序號2 = 右邊
    • 圖影切換可切換圖片/YT 影片
    • 滑鼠移入圖片效果

    【影片】

    • 內邊距可修改邊距顏色
    • 圖影間距可設定間距開關
    • 圖影序號1 = 左邊;序號2 = 右邊
    • 圖影切換可切換圖片/YT 影片

    【圖片】

    • 點擊圖片後,可使用浮動工具編輯圖片及連結

    【影片】

    • 點擊影片後,可使用浮動工具編輯影片

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F14 元件樣式
    【圖片】 【影片】

     

     

    1-F03
    適用網格
         
    1-F03 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片
    • 滑鼠移入圖片效果
    • 更改顏色可修改底色

    【影片】

    • 內邊距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片
    • 更改顏色可修改底色

    【圖片】

    • 點擊圖片/文字後,可使用浮動工具編輯圖片、連結及文字

    【影片】

    • 點擊影片/文字後,可使用浮動工具編輯影片及文字

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F03 元件樣式
    【圖片】 【影片】

     

     

    1-F04
    適用網格
         
    1-F04 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片
    • 滑鼠移入圖片效果

    【影片】

    • 內邊距可修改邊距顏色
    • 圖影切換可切換圖片/YT 影片

    【圖片】

    • 點擊圖片/文字後,可使用浮動工具編輯圖片、連結及文字

    【影片】

    • 點擊影片/文字後,可使用浮動工具編輯影片及文字

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F04 元件樣式
    【圖片】 【影片】

     

     

    1-F05
    適用網格
       

    1-F05 元件設定

    • 內邊距可修改邊距顏色
    • 滑鼠移入圖片效果
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F05 元件樣式

     

     

    1-F06
    適用網格
       

    1-F06 元件設定

    • 內邊距可修改邊距顏色
    • 滑鼠移入圖片效果
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-F06 元件樣式

     

     

    3-F01
    適用網格
       

    3-F01 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    3-F01 元件樣式

     

     

    3-F02
    適用網格
       

    3-F02 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    3-F02 元件樣式

     

     

    4-F01
    適用網格

    4-F01 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    4-F01 元件樣式

     

     

    4-F02
    適用網格

    4-F02 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    4-F02 元件樣式

     

     

    4-F03
    適用網格

    4-F03 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    4-F03 元件樣式

     

     

    5-F01
    適用網格
       

    5-F01 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    5-F01 元件樣式

     

     

    5-F02
    適用網格
       

    5-F02 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    5-F02 元件樣式

     

     

    5-F03
    適用網格
       

    5-F03 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    5-F03 元件樣式

     

     

    7-F01
    適用網格
     

    7-F01 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    7-F01 元件樣式

     

     

    7-F02
    適用網格
     

    7-F02 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    7-F02 元件樣式

     

     

    9-F01
    適用網格
     

    9-F01 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    9-F01 元件樣式

     

     

     

    9-F02
    適用網格
     

    9-F02 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    9-F02 元件樣式

     

     

    10-F01
    適用網格

    10-F01 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    10-F01 元件樣式

     

     

    10-F02
    適用網格

    10-F02 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    10-F02 元件樣式

     

     

    11-F01
    適用網格

    11-F01 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    11-F01 元件樣式

     

     

    11-F02
    適用網格

    11-F02 元件設定

    • 滑鼠移入圖片效果
    • 更改顏色可修改底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    11-F02 元件樣式

     

     

    G. 輪播元件

    位置:新增元件 ➜ 【G】輪播元件

     

     

    1-G01
    適用網格
         
    1-G01 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 圖影切換可切換圖片/YT 影片
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色

    【影片】

    • 內邊距可修改邊距顏色
    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 圖影切換可切換圖片/YT 影片
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色

    【圖片】

    • 點擊圖片後,可使用浮動工具編輯圖片、連結

    【影片】

    • 點擊影片後,可使用浮動工具編輯影片連結

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-G01 元件樣式
    【圖片】 【影片】

     

     

    1-G02
    適用網格
       

    1-G02 元件設定

    • 內編距可修改邊距顏色
    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-G02 元件樣式

     

     

    1-G07
    適用網格
       

    1-G07 元件設定

    • 內編距可修改邊距顏色
    • 輪播張數最少 3 張,最多 6 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-G07 元件樣式

     

     

    3-G01
    適用網格
       

    3-G01 元件設定

    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    3-G01 元件樣式

     

     

    4-G01
    適用網格

    4-G01 元件設定

    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    4-G01 元件樣式

     

     

    7-G01
    適用網格
     

    7-G01 元件設定

    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    7-G01 元件樣式

     

     

    9-G01
    適用網格
     

    9-G01 元件設定

    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    9-G01 元件樣式

     

     

    10-G01
    適用網格

    10-G01 元件設定

    • 輪播張數最少 2 張,最多 4 張
    • 點擊數字右上『-』符號可調整輪播張數
    • 箭頭可選擇樣式及顏色
    • 導航列可選擇樣式及顏色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    10-G01 元件樣式

     

     

    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】頁籤元件

     

     

    1-I01
    適用網格
         
    1-I01 元件設定

    【圖片】

    • 內編距可修改邊距顏色
    • 頁籤狀態顏色可設定選取/未選取線條顏色
    • 共可設定 4 個圖影序號
    • 圖影切換可切換圖片/YT 影片
    • 更改顏色 ➜ 第一個修改上方頁籤底色
    • 更改顏色 ➜ 第二個修改四方文字底色

    【影片】

    • 內編距可修改邊距顏色
    • 頁籤狀態顏色可設定選取/未選取線條顏色
    • 共可設定 4 個圖影序號
    • 圖影切換可切換圖片/YT 影片
    • 更改顏色 ➜ 第一個修改上方頁籤底色
    • 更改顏色 ➜ 第二個修改四方文字底色

    【圖片】

    • 點擊頁籤文字可修改 ICON 設定
    • 點擊圖片後,可使用浮動工具編輯圖片、連結及文字

    【影片】

    • 點擊頁籤文字可修改 ICON 設定
    • 點擊影片後,可使用浮動工具編輯影片及文字

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-I01 元件樣式
    【圖片】 【影片】

     

     

    J. 公告元件

    位置:新增元件 ➜ 【J】公告元件

     

     

    1-J01
    適用網格
       

    1-J01 元件設定

    • 內編距可修改邊距顏色
    • 公告則數最多 10 則
    • 點擊數字右上『-』符號可調整公告則數
    • 更改顏色 ➜ 第一個修改公告區域底色
    • 更改顏色 ➜ 第二個修改日期右側文字區域底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    1-J01 元件樣式

     

     

    3-J01
    適用網格
       

    3-J01 元件設定

    • 內編距可修改邊距顏色
    • 公告則數最多 5 則
    • 點擊數字右上『-』符號可調整公告則數
    • 更改顏色 ➜ 第一個修改公告區域底色
    • 更改顏色 ➜ 第二個修改日期右側文字區域底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、文字及連結
    3-J01 元件樣式

     

     

    P. Blog元件

    位置:新增元件 ➜ 【P】Blog 元件

     

     

    1-P01
    適用網格
       

    1-P01 元件設定

    • 內編距可修改邊距顏色
    • 部落格管理可加入部落格文章
    • 陳列版型可選擇樣式及輪播
    • 可設定主題顏色/內文顏色/背景顏色
    • 箭頭可選擇樣式及顏色
    • 點擊『+目前已加入 n 篇』按鈕進入部落格頁,左側搜尋後可加入部落格文章、文章加入右側已加入部落格後,可調整文章排序
    • 點擊 ICON/文字後,可使用浮動工具編輯 ICON、文字及連結
    1-P01 元件樣式

     

     

    1-P02
    適用網格
       

    1-P02 元件設定

    • 內編距可修改邊距顏色
    • 部落格管理可加入部落格文章
    • 陳列版型可選擇樣式及輪播
    • 可設定主題顏色/內文顏色/背景顏色
    • 箭頭可選擇樣式及顏色
    • 點擊『+目前已加入 n 篇』按鈕進入部落格頁,左側搜尋後可加入部落格文章、文章加入右側已加入部落格後,可調整文章排序
    • 點擊文字後,可使用浮動工具編輯文字及連結
    1-P02 元件樣式

     

     

    1-P03
    適用網格
       

    1-P03 元件設定

    • 內編距可修改邊距顏色
    • 部落格管理可加入部落格文章
    • 陳列版型可選擇樣式及輪播
    • 可設定主題顏色/內文顏色/背景顏色
    • 箭頭可選擇樣式及顏色
    • 點擊『+目前已加入 n 篇』按鈕進入部落格頁,左側搜尋後可加入部落格文章、文章加入右側已加入部落格後,可調整文章排序
    • 點擊文字後,可使用浮動工具編輯文字及連結
    1-P03 元件樣式

     

     

    1-P04
    適用網格
       

    1-P04 元件設定

    • 內編距可修改邊距顏色
    • 部落格管理可加入部落格文章
    • 陳列版型可選擇樣式及輪播
    • 可設定主題顏色/內文顏色/背景顏色
    • 箭頭可選擇樣式及顏色
    • 點擊『+目前已加入 n 篇』按鈕進入部落格頁,左側搜尋後可加入部落格文章、文章加入右側已加入部落格後,可調整文章排序
    • 點擊文字後,可使用浮動工具編輯文字及連結
    1-P04 元件樣式

     

     

    3-P01
    適用網格
       

    3-P01 元件設定

    • 部落格管理可加入部落格文章
    • 陳列版型可設定輪播
    • 可設定標題顏色/主題顏色/內文顏色/背景顏色
    • 箭頭可選擇樣式及顏色
    • 點擊『+目前已加入 n 篇』按鈕進入部落格頁,左側搜尋後可加入部落格文章、文章加入右側已加入部落格後,可調整文章排序
    • 點擊文字後,可使用浮動工具編輯 ICON/文字及連結
    3-P01 元件樣式

     

     

    4-P01
    適用網格

    4-P01 元件設定

    • 部落格管理可加入部落格文章
    • 陳列版型可設定輪播
    • 可設定標題顏色/主題顏色/內文顏色/背景顏色
    • 導航列可選擇樣式及顏色
    • 點擊『+目前已加入 n 篇』按鈕進入部落格頁,左側搜尋後可加入部落格文章、文章加入右側已加入部落格後,可調整文章排序
    • 點擊文字後,可使用浮動工具編輯文字及連結
    4-P01 元件樣式

     

     

    Q. 社群元件

    位置:新增元件 ➜ 【Q】社群元件

     

     

    1-Q01
    適用網格
       

    1-Q01 元件設定

    • 內編距可修改邊距顏色
    • 更改顏色 ➜ 修改文字區域底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、連結及文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定

    圖片裁切

    • 加入圖片後,可使用圖片裁切工具編輯圖片
    • 圖片設定放大縮小可調整圖片大小
    • 裁切設定可選擇預設/裁切比例

    1-Q01 元件樣式

     

     

    3-Q01
    適用網格
       

    3-Q01 元件設定

    • 更改顏色 ➜ 修改文字區域底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、連結及文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定
    3-Q01 元件樣式

     

     

    3-Q03
    適用網格
       

    3-Q03 元件設定

    • Facebook 粉絲專頁網址 ➜ 輸入 FB 粉專網址
    • 更改顏色 ➜ 第一個修改文字區域底色
    • 更改顏色 ➜ 第二個修改第一行文字底色
    • 點擊文字後,可使用浮動工具編輯文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定
    3-Q03 元件樣式

     

     

    5-Q01
    適用網格
       

    5-Q01 元件設定

    • 更改顏色 ➜ 修改文字區域底色
    • 點擊圖片/文字後,可使用浮動工具編輯圖片、連結及文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定
    5-Q01 元件樣式

     

     

    7-Q01
    適用網格
     

    7-Q01 元件設定

    • 更改顏色 ➜ 修改文字區域底色
    • 點擊文字後,可使用浮動工具編輯文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定
    7-Q01 元件樣式

     

     

    9-Q01
    適用網格
     

    9-Q01 元件設定

    • 更改顏色 ➜ 修改文字區域底色
    • 點擊文字後,可使用浮動工具編輯文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定
    9-Q01 元件樣式

     

     

    10-Q01
    適用網格

    10-Q01 元件設定

    • 更改顏色 ➜ 修改文字區域底色
    • 點擊文字後,可使用浮動工具編輯文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定
    10-Q01 元件樣式

     

     

    11-Q01
    適用網格

    11-Q01 元件設定

    • 更改顏色 ➜ 修改文字區域底色
    • 點擊文字後,可使用浮動工具編輯文字
    • 社群連結請至『商店設定』 ➜ 『基本設定』 ➜ 『外部分享連結』設定
    11-Q01 元件樣式

    電商充電站

TOP