Product Archive
Figma Component: 22847-180937
Last modified with commit 062d974 on
by Sara Deric.
The Product Archive component displays a list or grid of products or experiences. Shows product cards with images, titles, key information, and links to detail pages.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display products grid | Shows products in grid layout. Number of columns adjusts based on viewport size. |
| system | Display product cards | Each product card shows an image, title, key information, and links to the detail page. |
| system | Automatically list trips | Products (trips/experiences) are automatically populated in the archive without manual selection. |
| user | Browse products | View the list of available products or experiences displayed in the grid layout. |
| user | Click product card | Navigates to product detail page. Card shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |