Description:
Customers often struggle to decide between similar items without opening multiple tabs. Introducing a "Product Comparison Matrix" would allow users to select up to three items and view their specs, prices, and sizes side-by-side, significantly reducing friction in the purchasing pipeline.
Proposed Implementation:
State Management: Add a compareList array (capped at 3 items) and an addToCompare action to our Zustand store.
UI Addition: Add a small "Compare" checkbox or icon overlay to the standard product cards.
Matrix View: Create a new (or a dedicated /compare route). This component will map over the compareList and dynamically render a responsive table, grouping common object keys (like price, stock, variants.size) into rows so users can easily contrast the data points visually.
@niharika-mente could you please assign this issue to me?
Description:
Customers often struggle to decide between similar items without opening multiple tabs. Introducing a "Product Comparison Matrix" would allow users to select up to three items and view their specs, prices, and sizes side-by-side, significantly reducing friction in the purchasing pipeline.
Proposed Implementation:
State Management: Add a compareList array (capped at 3 items) and an addToCompare action to our Zustand store.
UI Addition: Add a small "Compare" checkbox or icon overlay to the standard product cards.
Matrix View: Create a new (or a dedicated /compare route). This component will map over the compareList and dynamically render a responsive table, grouping common object keys (like price, stock, variants.size) into rows so users can easily contrast the data points visually.
@niharika-mente could you please assign this issue to me?