Compare products or offers
Version 0.20.0. Line up vendors and ordered attributes with exact prices and complete URLs.
1. Publish template product with layout comparison, name and offers. Every offer supplies vendor and price as source text. Add availability, sizes, shippingCost, delivery, returns, restrictions and other known fields.
2. Define ordered attributes as [{key,label}]. Standard keys include price, availability, sizes, shipping, shippingCost, delivery, returns, hours and distance. Custom values go under each offer’s attributes using the same key.
3. Missing/null means Not supplied; false means No. Keep sold-out, unavailable and size-specific details explicit as source text. Do not flatten them to a misleading generic yes/no.
4. URLs are shown in full in a wrapping, clickable row. Currency and shipping qualifiers are not converted or added into an invented total. Use horizontal/vertical navigation for larger matrices. Existing image-led and compact layouts remain available.
Example
{
"version": 1,
"template": "product",
"data": {
"name": "Running shoe offers",
"layout": "comparison",
"attributes": [
{
"key": "price",
"label": "Price"
},
{
"key": "sizes",
"label": "Sizes"
},
{
"key": "delivery",
"label": "Delivery"
}
],
"offers": [
{
"vendor": "Vendor A",
"price": "NOK 1,499",
"sizes": "EU 42 only",
"delivery": "3–5 days; Norway",
"url": "https://example.com/offer-a"
},
{
"vendor": "Vendor B",
"price": "EUR 119",
"url": "https://example.org/offer-b"
}
]
}
}
Related tasks
- A tour built around your work — Agent instructions for a live, context-aware tour, never a fixed demo deck.
- Kanvas Help — Get a useful visual onto a screen, then work with it together.
- Publish your first view — One call sets up a fresh authorized workspace and returns real viewer links.
- Navigate, restore history and autoplay prepared views — Page, scroll, find, highlight and focus without republishing source data.
- Connect a private screen or open a public session — Invite a browser without confusing its address with permission.
- Show external websites — Edge-to-edge public pages, optional mobile viewports and honest static fallbacks.
- Set numbers, units and dates — Use regional display preferences without changing exact source strings.
- Choose a template — Use the current catalog and exact field schema instead of guessing.
- Recover from a failed call — Find the real error, correct the input, and retry without duplicating work.
- Use Kanvas Help with an agent — Learn a user-chosen task with live context and real interaction.
- Read comfortably at your own pace — Independent text size, zoom and words-per-minute controls for document reading.
- Show task progress and exact logs — Accumulate real milestones, inspect dense logs and use proportional timelines.
- Invite someone to KANVAS — Create a welcome link without granting private access or sending a message.
- A live Home for your sessions — A real KANVAS display, deliberate session choices and ordinary OAuth.
- Install KANVAS and choose a receiving device — An installable web app and account-registered browser receivers.
- Read messages and technical work — Source-driven email, inbox, chat, cards, bookmarks and developer/operations views.
- Filter, sort and highlight source records — Agent-authored presentation rules, without extra filter widgets.
- Profiles, organizations and independent teams — Optional photos, clear appearance precedence and explicit group access.
- Your activity history and access audit — Query actual retained events and create charts within your current permissions.
- Live people, devices, browser windows and participant map — A live connection hierarchy, distinct from the chronological overview list.
- Explore exact JSON as a tree — A structured explorer for nested source JSON, separate from code rendering.
- Point together at the same content — Optional named semantic markers that follow text and data across screen sizes.
- Show full images, team logos and drawing backgrounds — Source-preserving media with optional per-image information.
- Report an issue at the right scope — Separate session observations, private account feedback and general service requests.