Problem
The filter buttons on the Store page (/store) are currently visual-only. They have no click handlers or filtering logic. Users cannot actually filter products by category, maintenance level, light requirements, etc.
This significantly reduces the usability of the shop.
Goal
Implement real filtering functionality on the Store page so users can interactively filter the product list.
Current State
- Filter buttons exist in the UI (likely in
src/pages/store/index.astro or a related component)
- Clicking them does nothing
- Products are rendered from Medusa data
Proposed Approach
- Add client-side filtering (or server-side if preferred)
- Use reactive state (Astro islands or a small React component)
- Support multiple filter types (e.g. Light, Maintenance, Room type, etc.)
- Ensure filters work well with the current design system
Implementation Tasks
Acceptance Criteria
- Clicking filter buttons updates the displayed products
- Multiple filters can be combined
- Filters are visually active when selected
- "Clear all" functionality works
- No console errors
Notes
- This is one of the highest-impact remaining UX improvements before a 9/10 launch.
Problem
The filter buttons on the Store page (
/store) are currently visual-only. They have no click handlers or filtering logic. Users cannot actually filter products by category, maintenance level, light requirements, etc.This significantly reduces the usability of the shop.
Goal
Implement real filtering functionality on the Store page so users can interactively filter the product list.
Current State
src/pages/store/index.astroor a related component)Proposed Approach
Implementation Tasks
Acceptance Criteria
Notes