Skip to content

Power Shop 是一個 WordPress 套件,安裝後,可以讓你的 Woocommerce 商店變成可以提供給多人使用的一頁商店,並且可以讓使用者自訂商品的價格,以及統計每個一頁商店的訂單狀態與銷售額

License

Notifications You must be signed in to change notification settings

j7-dev/wp-power-shop

Repository files navigation

Power Shop | 讓你的商店充滿 Power 🚀

一句話講完快速商店:

Power Shop 是一個 WordPress 套件,安裝後,可以讓你的 Woocommerce 商店變成可以提供給多人使用的一頁商店,並且可以讓使用者自訂商品的價格,以及統計每個一頁商店的訂單狀態與銷售額




🎮 範例網站

測試商店

管理員帳密請私訊作者索取




⚡ 主要功能

  1. 創建多個一頁商店
    每個商店就如同頁面一樣,可以搭配你自己喜歡的頁面編輯器(如: Elementor),每個頁面,需要插入後台提供的短代碼[power_shop_products] 你可以自訂商品應該要出現在頁面的哪裡

  2. 隨你喜好,任你挑選
    在快速商店裡面,可以隨意挑選你想要的商品

  3. 自訂商品的價格
    挑選完商品,你可以看到每個商品的預設價格,但你可以自己決定自己挑選的商品要賣多少

  4. 更流暢的購物車
    使用 "樂觀變更" (optimistic mutate) 即,畫面 UI 先更新,再發送請求,而不是等待請求回傳後再更新畫面,這樣可以讓使用者的購物體驗更加流暢
    購物車使用 Woocommerce Store API 以及 ajax 實作,讓使用者的購物體驗更加流暢

  5. 統計每一個快速商店的訂單
    每一筆訂單都會紀錄是由哪一個快速商店產生的,在每一頁快速商店頁面底下也會統計近期的銷售與訂單狀態,方便統計分潤




🐞 Bug 回報

請參考 BUG 回報規範




🗺️ 開發 RoadMap

🔲 Excel 訂單下載

🔲 Coupon 支援

🔲 多語系




💻 開發使用技術

前端

  1. Vite - build tool
  2. React v18
  3. TypeScript - compile project with type safe
  4. Tailwind v3 - you can install any UI library, like Ant Design, MUI, Chakra...etc
  5. SCSS
  6. React Query v4 - managing API status
  7. React Router v6 - front-end router
  8. Ant Design v5 - UI Library

後端

  1. usefulteam/jwt-auth - get JWT if a wordpress user is logged in
  2. lodash-php/lodash-php - easy to use utility functions for PHP
  3. vlucas/phpdotenv - loads environment variables from .env




⬇️ 安裝方式

請至 release 下載安裝檔案,之後如同一般 WordPress 套件安裝即可

About

Power Shop 是一個 WordPress 套件,安裝後,可以讓你的 Woocommerce 商店變成可以提供給多人使用的一頁商店,並且可以讓使用者自訂商品的價格,以及統計每個一頁商店的訂單狀態與銷售額

Resources

License

Stars

Watchers

Forks

Packages

No packages published