dwindown 9a6a434c48 feat: Implement variable product handling in OrderForm (Tokopedia pattern) ...

Following PROJECT_SOP.md section 5.7 - Variable Product Handling:

**Backend (OrdersController.php):**
- Updated /products/search endpoint to return:
  - Product type (simple/variable)
  - Variations array with attributes, prices, stock
  - Formatted attribute names (Color, Size, etc.)

**Frontend (OrderForm.tsx):**
- Updated ProductSearchItem type to include variations
- Updated LineItem type to support variation_id and variation_name
- Added variation selector drawer (mobile + desktop)
- Each variation = separate cart item row
- Display variation name below product name
- Fixed remove button to work with variations (by index)

**UX Pattern:**
1. Search product → If variable, show variation drawer
2. Select variation → Add as separate line item
3. Can add same product with different variations
4. Each variation shown clearly: 'Product Name' + 'Color: Red'

**Result:**
✅ Tokopedia/Shopee pattern implemented
✅ No auto-selection of first variation
✅ Each variation is independent cart item
✅ Works on mobile and desktop

**Next:** Fix PageHeader max-w-5xl to only apply on settings pages

2025-11-20 09:47:14 +07:00

86 KiB

Raw Blame History

View Raw