Starter Support Scope v202112 - revtel/gatsby-starter GitHub Wiki

online sdk

EC UI 範圍

整體排版分三種（排版可客製）

  • admin
  • checkout
  • profile
  • 一般

landing (首頁)

  • 全客製化

product list （產品列表）

  • 支援 paging
  • 支援 search
  • 支援 sorting
  • category 是 project 寫死的
  • ProductItem 有基礎樣式(包含產品縮圖、名稱、價格），可客製樣式。
  • 左側 category 可隱藏，上下區塊可客製

product detail （產品詳細）

  • 全客製化
  • Product Variant 產品加價選項（包含不加價，也就是加價為 0 元）
    • 單選題 （ex. 是否要畫框，要加 100 元，不要加 0 元）
    • 多選題 （ex. 要哪一種顏色（黑色特貴），黑色要加 100 元，紅色加 0 元）
    • 支援 extra_data
    • UI 層面不支援修改
    • width=320px

login modal

  • 預設 ui （不支援客製）
    • width=300px

profile （個人資料）

  • UI 有基礎模板
  • 可以添加新欄位，目前 default 會有的 profile 資訊如下
    • email（信箱）-> social signin 預設會帶入信箱值
    • zip | city | district | address （地址資訊）
    • gender（性別）
    • phone（電話）
    • name (姓名)

cart （購物車）

  • cart item 其中的 其他 ( else ) 欄位
    • 允許客製化 component 及其連帶的功能
  • 不支援 merge product quantity （預設 cart item 相同商品不會 merge）

checkout (結帳流程）

  • 不支援客製
  • enableInvoiceFeature filed 可以 toggle 是否使用發票服務
    • 會決定 UI 上是否顯示 invoice section

order list (訂單列表）

  • 基礎模板 （ GenericResource )
    • 內容可以客製化，但外匡為 ant design table，不建議客製化，如需客製化，趨近於全客製。
    • 非客製化情況下，支援 paging
    • 非客製化情況下，支援 search

order detail (訂單詳細）

  • 基礎模板
    • 內容可以客製化，但外匡為 ant design collapse，不建議客製化，如需客製化，趨近於全客製。

折扣

  • 滿額折扣（折扣門檻、折固定金額、起訖日）（自動折扣）
  • 優惠券（折扣碼、折扣門檻、折固定金額、起訖日）（user 主動填寫）-> 未來會移除折扣使用數

EC FEATURE 範圍

cart (購物車）

  • 支援 extra_data

checkout (結帳流程）

  • 支援 coupon (折價券)
    • 支援低消使用門檻

payment (金流）

  • 目前支援 3 項付款方式，可以視專案需求修減下述付款方式。
    • atm ATM (取號付款)
    • credit (信用卡付款)
    • cod (貨到付款)

logistics (物流)

  • 目前支援 2 項物流方式，可以視專案需求修減下述物流方式。

    • cvs (超商取貨)
    • home (宅配到府）

  • cvs

    • 目前支援 3 項便利超商，可以視專案需求修減下述便利商店。
      • famimart (全家便利商店)
      • unimart (7-ELEVEn 便利商店）
      • hilife (萊爾富便利商店) ）

  • home

    • 目前僅支援 1 項宅配服務
      • icat (黑貓宅急便)

  • 目前不提供物流狀態檢視，專案若有需求需額外洽談。

invoice (發票）

  • 目前支援 2 項發票類型，可以視專案需求修減下述發票種類。

    • b2b (三聯式發票)
    • b2c (二聯式發票）

  • b2c

    • 目前支援 3 項發票載具類型，可以視專案需求修減下述發票載具種類。
      • ecpay (綠界電子發票)
      • mobile (手機條碼載具)
      • cdc (自然人憑證載具)
    • 支援發票捐贈，填寫愛心捐贈碼。

  • 開立電子發票會由綠界科技寄送電子發票郵件

login (登入註冊）

login

  • line (optional)
  • google (optional)
  • facebook (optional)
  • 一般註冊 (optional) (primaryUserType: email | sms (手機) | username) / 忘記密碼

article （文章）

  • 圖片、影片、行距、字型、顏色
  • width=320px

email

  • 寄信功能預設提供：order-create (確切是 payment success) / email register / email forget-pw
  • 其餘寄信時機點另外客製化

others （其他）

  • pdf
  • excel
  • csv
  • email
    • email 模板全客製化

DASHBOARD UI 範圍 (root route: /admin)

大量使用 .json generate 出來，特殊邏輯另外客製化
例如小和的產品規格，放置於最上方 section 額外做處理，而非放在表單中間區段

表單

  • 欄位
    • boolean / array / 圖片上傳 / 檔案上傳 / article
    • button 不可客製
  • 工具列 actionBar 預設提供
    • 編輯文章 article 取 instance.article
    • 創建文章 article (可使用 form 中的 rev-article-widget 取代）
    • 上傳檔案 file
  • 可客製化區塊
    • 表單最上方
    • 表單最下方（submit button 之上）

表單 listing

  • 搜尋（多欄位一起搜尋）
  • paging
  • 動態調整每頁顯示數量 pageSizeOptions
  • 排序功能 sortOptions
  • 批次更新欄位 canBulkWrite
  • create instance button 不建議客製化，如需客製化，趨近於直接 enable 整頁客製。
  • 篩選功能 filters 例如訂單狀態
    • width=300px
  • table
    • 詳情 button 可移除 hasDetailButton
    • 刪除 button 可移除 hasDeleteButton
    • 重新整理 button 不可移除
  • 可客製化區塊：
    • table 與 paging 之間
    • width=500px