# 塞魅頗
:::success
LIMO
:::


## 購物車

參考設計:
https://dribbble.com/tags/organic_shop
https://www.asos.com/us/women/

### 商品頁面

- 購物車系統
- 購物車圖示
- 顯示於畫面上方
- HOVER效果展開(提供資訊)
- a連結點擊跳轉(到達頁面)

|圖示HOVER效果|-|-|
|-|-|-|
| 前台身分 | 顯示資訊 | 動作 |
| | | |
| 尚未購物 | 購物車目前沒東西 | 無 |
| 已選購者 | 購物車<br>(商品+數量+價格+總計金額) | 畫面上方顯示加入購物的購物資訊小卡|
| | | 細節:顯示數秒後消失(提示加入成功) |

- 商品分類列表
- 製作表單CRUD救援及誘捕行動紀錄(連結最新消息-後台)
- 救援/誘捕時間及地點
- 救援/誘捕狀況描述
- 救援/誘捕照片(一對一及一對多)
- PETaiwan聚會
- 製作表單CRUD發布消息及活動紀錄(連結最新消息-後台)
- 標題
- 活動時間
- 活動地點
- 活動內容
---
### 捐贈專區
- 金流API
- 寵物飼料捐贈及用品
- 製作表單CRUD(連結最新消息-後台)
- 捐款人
- 捐款時間
- 捐款項目
- 飼料跟保健食品

我們是某機構(媒體性質/可協助處理基本動保項目/倉儲/媒合)

- 捐款細項及用途
- 製作表單CRUD(連結最新消息-後台)
- 捐款人
- 捐款時間
- 捐款金額
- 捐款用途
- 剩下累計金額
---
### 中途之家
- 前端頁面以台灣地圖方式呈現->點擊彈跳頁面
[參考網址](https://www.tedu.tw/)
- 聯絡人資訊
- 加入中途之家
- 製作表單CRUD(連結前端頁面台灣地圖)
- 地區
- 聯絡人資訊
- !!運用分類/篩選

###### tags: `Limo`