← 목록으로
프리미엄 무선 헤드폰
₩189,000
₩199,000
✓ 재고 있음
스마트 워치 Pro
₩349,000
₩499,000
✓ 재고 있음
블루투스 스피커
₩129,000
품절
무선 충전 패드
₩59,000
✓ 재고 있음
USB-C 멀티 허브
₩79,000
✓ 재고 있음 (3개 남음)
💝
위시리스트가 비어있습니다
마음에 드는 상품을 저장해보세요
73. 위시리스트 페이지
Design a wishlist/favorites page:
**Page Header**:
- Title: "My Wishlist" or "Saved Items"
- Item count
- Share wishlist button (optional)
- Clear all (with confirmation)
**List View Options**:
- Grid view / List view toggle
- Sort: Date added, Price, Name
**Product Card** (in wishlist):
- Product image
- Product name (linked)
- Price (current + sale indicator)
- Stock status
- Remove button (heart or X)
- "Add to Cart" button
- Move to different list (if multiple lists)
**Out of Stock Items**:
- Dimmed styling
- "Out of Stock" badge
- "Notify when available" CTA
- Keep in list option
**Price Changes**:
- Indicator if price dropped
- "Price dropped $X" badge
- Highlighted in some way
**Empty State**:
- Heart illustration
- "Your wishlist is empty"
- "Start saving items you love"
- Browse/shop CTA
**Multiple Wishlists** (advanced):
- Create new list
- Name lists (Birthday, Home, etc.)
- Move items between lists
- List selector/tabs
**Quick Add to Cart**:
- Select variant if needed
- Direct add button
- Success feedback
**Share Wishlist**:
- Generate shareable link
- Copy link button
- Social share options
- Privacy: public/private toggle
**Mobile Optimizations**:
- Swipe to remove
- Compact list view
- Sticky "Add all to cart"
Tech: Next.js + Tailwind + localStorage (or backend)