Product Detail
This is what a detail page looks like when a user clicks "View Details" on a product card. The URL would be /products/detail?slug=wireless-headphones — the data-param reads the query string and fetches the matching record.
data: products
data-display: detail
data-param: slug
data-key: slug
data-field: Name: name
data-field: Price: {{price}}
data-field: Description: description
data-field: In Stock: stock_status
- Name
- Wireless Headphones
- Price
- $79
- Description
- Premium over-ear headphones with active noise cancelling and 30-hour battery life
- In Stock
- Available