• 商店佈景元件(一)|頁首、頁尾、商品分類、圖片、影片、文字、按鈕、ICON元件

    • 最後更新 2022-06-08 12:01

     

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

    此為『第一篇』元件介紹文章,內容包含:頁首元件/頁尾元件/商品分類頁/圖片元件/影片元件/文字元件/按鈕元件/ICON 元件等元件介紹;如需查詢其餘元件,請點擊下方目錄的『其它元件』連結前往;若需要回到此頁面,請點擊瀏覽器『回上一頁』按鈕即可!

     

    目錄

    本篇包含: 其它元件:

     

     

    HD. 頁首元件

    位置:全域設定 ➜ 共用 ➜ HD 頁首元件

     

     

    HD01

    HD01 元件設定

    1. LOGO 管理 ➜ 圖片
    2. LOGO 管理 ➜ 文字
    3. 桌機選單管理
    HD01 元件樣式

     

     

    HD02

    HD02 元件設定

    1. LOGO 管理 ➜ 圖片
    2. LOGO 管理 ➜ 文字
    3. 桌機選單管理
    HD02 元件樣式

     

     

    HD06

    HD06 元件設定

    1. LOGO 管理 ➜ 圖片
    2. LOGO 管理 ➜ 文字
    HD06 元件樣式

     

     

    HD03

    HD03 元件設定

    1. LOGO 管理 ➜ 圖片
    2. LOGO 管理 ➜ 文字
    3. 桌機選單管理
    4. 選單固定效果
    HD03 元件樣式

     

     

    HD04

    HD04 元件設定

    1. LOGO 管理 ➜ 圖片
    2. LOGO 管理 ➜ 文字
    3. 桌機選單管理
    4. 選單固定效果
    HD04 元件樣式

     

     

    FT. 頁尾元件

    位置:全域設定 ➜ 共用 ➜ FT 頁尾元件

     

     

    FT01

    FT01 元件設定

    1. 商家標示管理 ➜ 圖片
    2. 商家標示管理 ➜ 文字
    3. 商家標示管理 ➜  FB粉絲專頁
    4. 頁尾連結管理
    5. 商店資訊
    6. 自訂版權
    7. 電子報按鈕顏色
    4. 頁尾連結管理可編輯文字連結內容
    FT01 元件樣式

     

     

    FT02

    FT02 元件設定

    1. 商家標示管理 ➜ 圖片
    2. 商家標示管理 ➜ 文字
    3. 商家標示管理 ➜  FB粉絲專頁
    4. 頁尾連結管理
    5. 商店資訊
    6. 自訂版權
    7. 電子報按鈕顏色
    4. 頁尾連結管理可編輯文字連結內容
    FT02 元件樣式

     

     

    FT03

    FT03 元件設定

    1. 商家標示管理 ➜ 圖片
    2. 商家標示管理 ➜ 文字
    3. 商家標示管理 ➜  FB粉絲專頁
    4. 頁尾連結管理
    5. 商店資訊
    6. 自訂版權
    7. 電子報按鈕顏色
    4. 頁尾連結管理可編輯文字連結內容
    FT03 元件樣式

     

     

    FT04

    FT04 元件設定

    1. 商家標示管理 ➜ 圖片
    2. 商家標示管理 ➜ 文字
    3. 商家標示管理 ➜  FB粉絲專頁
    4. 頁尾連結管理
    5. 商店資訊
    6. 自訂版權
    7. 電子報按鈕顏色
    4. 頁尾連結管理可編輯文字連結內容
    FT04 元件樣式

     

     

    PD. 商品分類頁

    位置:全域設定 ➜ 共用 ➜ PD 商品分類頁

    此為編輯全部商品/商品分類頁商品列表樣式

     

     

    PD01

    PD01 元件設定

    1. 商品管理 ➜ 陳列版型/文字大小/品名對齊/文字顏色/商品金額顯示/背景顏色
    2. 樣式管理 ➜ 左側選單/商品排序樣式/分頁
    3. 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
    PD01 元件樣式

     

     

    PD02

    PD02 元件設定

    1. 商品管理 ➜ 陳列版型/文字大小/品名對齊/文字顏色/商品金額顯示/背景顏色
    2. 樣式管理 ➜ 左側選單/商品排序樣式/分頁
    3. 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
    PD02 元件樣式

     

     

    PD03

    PD03 元件設定

    1. 商品管理 ➜ 陳列版型/文字大小/品名對齊/文字顏色/商品金額顯示/背景顏色
    2. 樣式管理 ➜ 左側選單/商品排序樣式/分頁
    3. 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
    PD03 元件樣式

     

     

    PD04

    PD04 元件設定

    1. 商品管理 ➜ 陳列版型/文字大小/品名對齊/文字顏色/商品金額顯示/背景顏色
    2. 樣式管理 ➜ 左側選單/商品排序樣式/分頁
    3. 關閉分頁 ➜ 顯示全部有開啟『首頁顯示』的商品
    PD04 元件樣式

     

     

    A. 圖片元件

    位置:新增元件 ➜ 【A】圖片元件

     

     

    1-A01
    適用網格
       

    1-A01 元件設定

    • 內邊距可修改邊距顏色
    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容

    圖片裁切

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

     

     

    3-A01
    適用網格
       

    3-A01 元件設定

    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容
    3-A01 元件樣式

     

     

    4-A01
    適用網格

    4-A01 元件設定

    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容
    4-A01 元件樣式

     

     

    5-A01
    適用網格
       

    5-A01 元件設定

    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容
    5-A01 元件樣式

     

     

    7-A01
    適用網格
     

    7-A01 元件設定

    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容
    7-A01 元件樣式

     

     

    9-A01
    適用網格
     

    9-A01 元件設定

    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容
    9-A01 元件樣式

     

     

    10-A01
    適用網格

    10-A01 元件設定

    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容
    10-A01 元件樣式

     

     

    11-A01
    適用網格

    11-A01 元件設定

    • 滑鼠移入圖片效果
    • 點擊圖片後,可使用浮動工具編輯圖片內容
    11-A01 元件樣式

     

     

    B. 影片元件

    位置:新增元件 ➜ 【B】影片元件

     

     

    1-B01
    適用網格
       

    1-B01 元件設定

    • 內邊距可修改邊距顏色
    • 點擊影片後,可使用浮動工具編輯影片連結
    1-B01 元件樣式

     

     

    11-B01
    適用網格

    11-B01 元件設定

    • 點擊影片後,可使用浮動工具編輯影片連結
    11-B01 元件樣式

     

     

    C. 文字元件

    位置:新增元件 ➜ 【C】文字元件

     

     

    1-C01
    適用網格
       

    1-C01 元件設定

    • 內邊距可修改邊距顏色
    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    1-C01 元件樣式

     

     

    1-C02
    適用網格
       

    1-C02 元件設定

    • 內邊距可修改邊距顏色
    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    1-C02 元件樣式

     

     

    1-C03
    適用網格
       

    1-C03 元件設定

    • 內邊距可修改邊距顏色
    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    1-C03 元件樣式

     

     

    3-C01
    適用網格
       

    3-C01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    3-C01 元件樣式

     

     

    4-C01
    適用網格

    4-C01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    4-C01 元件樣式

     

     

    5-C01
    適用網格
       

    5-C01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    5-C01 元件樣式

     

     

    7-C01
    適用網格
     

    7-C01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    7-C01 元件樣式

     

     

    9-C01
    適用網格
     

    9-C01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    9-C01 元件樣式

     

     

    10-C01
    適用網格

    10-C01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    10-C01 元件樣式

     

     

    11-C01
    適用網格

    11-C01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字內容
    11-C01 元件樣式

     

     

    D. 按鈕元件

    位置:新增元件 ➜ 【D】按鈕元件

     

     

    1-D01
    適用網格
       

    1-D01 元件設定

    • 內邊距可修改邊距顏色
    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    1-D01 元件樣式

     

     

    1-D02
    適用網格
       

    1-D02 元件設定

    • 內邊距可修改邊距顏色
    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    1-D02 元件樣式

     

     

    3-D01
    適用網格
       

    3-D01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    3-D01 元件樣式

     

     

    4-D01
    適用網格

    4-D01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    4-D01 元件樣式

     

     

    5-D01
    適用網格
       

    5-D01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    5-D01 元件樣式

     

     

    7-D01
    適用網格
     

    7-D01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    7-D01 元件樣式

     

     

    9-D01
    適用網格
     

    9-D01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    9-D01 元件樣式

     

     

    10-D01
    適用網格

    10-D01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    10-D01 元件樣式

     

     

    11-D01
    適用網格

    11-D01 元件設定

    • 更改顏色可修改底色
    • 點擊文字後,可使用浮動工具編輯文字及按鈕內容
    11-D01 元件樣式

     

     

    E. ICON元件

    位置:新增元件 ➜ 【E】ICON元件

     

     

    1-E01
    適用網格
       

    1-E01 元件設定

    • 內邊距可修改邊距顏色
    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    1-E01 元件樣式

     

     

    1-E02
    適用網格
       

    1-E02 元件設定

    • 內邊距可修改邊距顏色
    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    1-E02 元件樣式

     

     

    3-E01
    適用網格
       

    3-E01 元件設定

    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    3-E01 元件樣式

     

     

    4-E01
    適用網格

    4-E01 元件設定

    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    4-E01 元件樣式

     

     

    5-E01
    適用網格
       

    5-E01 元件設定

    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    5-E01 元件樣式

     

     

    7-E01
    適用網格
     

    7-E01 元件設定

    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    7-E01 元件樣式

     

     

    9-E01
    適用網格
     

    9-E01 元件設定

    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    9-E01 元件樣式

     

     

    10-E01
    適用網格

    10-E01 元件設定

    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    10-E01 元件樣式

     

     

    11-E01
    適用網格

    11-E01 元件設定

    • 更改顏色可修改底色
    • 點擊 ICON/文字後,可使用浮動工具編輯文字及 ICON 圖示
    11-E01 元件樣式

    電商充電站

TOP