Product List 商品目錄：零售與批發雙價的輕量電商展示

TL;DR

• Product List 是 DB-driven 商品展示區塊，資料源來自後台「商品」，改商品就會同步更新。
• 支援零售價 + 批發價雙價制，登入會員被標記為批發會員後，看到的是批發價。
• 欄位只有三個：標題、副標、欄數（2/3/4）；商品本身資料在後台管理。
• 下單走手動轉帳流程，訂單進後台 + Telegram 通知，不需接金流。

---

Product List 的定位

AHHA 的電商模組不是要跟 Shopify、91APP 競爭。它服務的是台灣那一批 5-20 件 SKU 的小廠商：手工皂品牌、農產品直銷、陶藝工作室、精品選物店。這些人的共通點是：

• SKU 不多，不需要複雜的庫存管理。
• 有零售也有批發需求（網紅合作、小型經銷商）。
• 不想為了上架付 Shopify 的月費與 app 費用。
• 金流偏好銀行轉帳（台灣中小店家主流）。

Product List block 就是這個場景的展示入口。

---

設定流程

1. 後台 → 商品管理：建立商品（名稱、描述、圖片、零售價、批發價、庫存）。
2. 頁面管理 → 加入 Product List block：設定標題、副標、欄數。
3. 網站前台自動顯示：依訪客身份（一般訪客 / 批發會員）顯示對應價格。

---

編輯器欄位

• 標題（heading）：例如「商品」、「本月精選」、「Shop」。
• 副標（subheading）：補充說明或品類簡介。
• 欄數（columns）：2 / 3 / 4 欄可選，預設 3 欄。手機版會自動轉單欄。
• 是否顯示價格（showPrice）：預設 true。關閉後所有商品不顯示價格（純展示用）。

商品本身的資料（名稱、描述、圖片、價格、庫存）不在這裡設定，要去後台「商品管理」。

---

零售 vs 批發價

後台每個商品可以填兩個價格：retail_price（零售）、wholesale_price（批發）。

• 一般訪客 / 一般會員 → 看到零售價。
• 被標記為批發會員的帳號 → 看到批發價。

批發會員標記在後台會員管理頁手動切換（或透過自己定義的流程授予）。這是為了避免「假註冊套批發價」的風險——主控權在你手上。

---

搭配建議

Product List 之後常接：

• CTA Banner：推「全館免運」、「首購優惠」訊息。
• Testimonials：放買過的客戶照片 + 回饋，推升轉換。
• Subscribe：蒐集對商品有興趣但還沒下單的 email。

---

三個常見錯誤

1. 欄數選 4 但商品照片比例不一：4 欄下商品圖會被裁切得很擠，照片比例差異很醒目。建議 3 欄以下並統一照片比例（正方形最穩）。
2. showPrice 關了忘記開：有些人不想早期顯示價格，關了就忘——結果訪客從頭到尾都看不到價錢，下單率降到 0。
3. 庫存管理沒開：有些商品賣完了但網站還在收單，客戶匯完款才被告知缺貨。商品編輯頁記得設 stock 數量（或勾選「不追蹤庫存」）。

---

寫在最後

Product List 不是要你做全品項電商，是幫你把小批量的好東西擺上網賣得出去。設定門檻低、不需金流手續費、不綁合約——適合還在試水溫的品牌。

登入 AHHA 後台 → 商品管理建立商品 → 頁面管理加入 Product List block，20 分鐘內可以上線第一個商品頁。