Wireframes / P03 晶選商城

晶選商城

晶礦商品瀏覽與篩選——色系 × 功能 × 類型。

P03-Z01 · 標題列

晶選商城

依色系、功能與類型，挑一顆最貼近你此刻需求的水晶。

⚠ 導覽節點原名「所有晶礦」，客戶 6/22 改「晶選商城」——是否同一節點待客戶確認（Q6）
P03-Z04 · 分類入口
分類圖

碎石

分類圖

滾石

分類圖

手串

分類圖

項鍊

分類圖

擺飾

分類圖

裸石

分類圖

萌獸

分類圖

原礦

Data: WooCommerce product_cat；分類為示範，正式分類由客戶自行於後台增修（已加「原礦」）
P03-Z02 · 篩選

色系

共 16 色，可複選（示意 8–10 色）。

紫 藍 綠 粉 白 黑 黃 紅 橙 灰
multi-select（可複選）

功能／目的

依需求挑選，可複選。

招財 愛情 療癒 健康 人緣 事業
multi-select（可複選）

商品類型

同分類入口，可複選。

碎石 滾石 手串 項鍊 擺飾 裸石 萌獸 原礦
multi-select（可複選）

生日石（選配）

選配單選
套用篩選 清除全部
FacetWP 或原生多選；URL 帶篩選狀態；色系16×功能×類型 可複選
P03-Z03 · 商品格

共 128 件商品 · 顯示第 1–8 件

商品圖

紫水晶手串

NT$ 1,280

色系：紫 · 功能：療癒

含礦訊服務

加入購物車
商品圖

黃水晶碎石

NT$ 320

色系：黃 · 功能：招財

加入購物車
商品圖

粉晶項鍊

NT$ 1,880

色系：粉 · 功能：愛情

含礦訊服務

加入購物車
商品圖

綠幽靈滾石

NT$ 640

色系：綠 · 功能：事業

加入購物車
商品圖

白水晶擺飾

NT$ 2,480

色系：白 · 功能：療癒

含礦訊服務

加入購物車
商品圖

黑曜石萌獸

NT$ 880

色系：黑 · 功能：健康

加入購物車
商品圖

藍晶裸石

NT$ 1,560

色系：藍 · 功能：人緣

含礦訊服務

加入購物車
商品圖

紅瑪瑙手串

NT$ 720

色系：紅 · 功能：招財

加入購物車
FN-CRYSTAL-01：單價 > NT$1,000 的水晶含礦訊——卡片可顯示 badge（提案，待確認）
1 2 3 … 下一頁