Introduction
The Product application provides a powerful comparison widget designed to display and compare multiple items in an intuitive interface. Whether you need to showcase product catalogs, compare technical specifications, or present feature matrices, this application offers flexible configuration options to meet your specific requirements.
The Product application is enterprise-ready and deployed on customer servers upon request.
To implement this solution for your business, please contact our sales team at sales@wallboard.info.
This application is under active development with regular feature updates and improvements.
Features, functionality, and interface elements described in this documentation may evolve over time.
For the latest updates, assistance with issues, or any inquiries, please contact support@wallboard.info.
Core Functionality
The Product widget enables users to:
- Display structured product information in customizable formats
- Compare multiple items side-by-side
- Search and filter products based on various criteria
- Visualize differences between selected items
- Integrate with external systems through commands and events
Operating Modes
The widget supports two distinct operating modes to accommodate different use cases:
List Mode
In List Mode, the widget displays all available items from the connected data source in either a horizontal or vertical layout. This mode is ideal for:
- Product catalogs and directories
- Complete inventory displays
- Browsable collections where all items should be visible
Key Features:
- Automatic display of all available items
- Configurable layouts (horizontal/vertical)
- Jump-to-item functionality via external commands
- Sortable and filterable lists (when configured)
Comparison Mode
In Comparison Mode, the widget starts with an empty display and shows items only when triggered by external commands. This mode is perfect for:
- Interactive product comparisons
- Feature-by-feature analysis
- Customer-facing product selection tools
- Situations where selective display is preferred
Key Features:
- On-demand item display
- Configurable maximum item limit
- Empty state customization (text or image)
- Selection timeout options
Prerequisites
To successfully implement and utilize the Product widget, ensure that you have:
- Valid Data Source: A structured data repository in one of the supported formats:
- Object with nested objects
- Array of objects
- Unique Identifiers: Each item in your data source must have a unique identifier
For detailed configuration instructions, refer to the Widget Configuration Guide.
Sensor Events
The widget emits events that can be captured by your application for further processing or integration:
| Event Name | Description | Payload | Use Cases |
|---|---|---|---|
nothingIsSelected | Fires when comparison mode has no visible items | Empty | Reset dependent UI elements, show default content |
product | Fires when a product is selected (clicked) | Complete product object | Update related displays, track user selections, trigger analytics |
External Commands
Control the widget's behavior programmatically with these supported commands:
| Command | Mode | Parameters | Description |
|---|---|---|---|
Reset widget | Comparison | None | Clears all selected items from the comparison view |
Select product | Comparison | Product identifier | Adds the specified product to the comparison view |
Remove product | Comparison | Product identifier | Removes the specified product from the comparison view |
Jump | List | Product identifier | Scrolls the list to the first occurrence of the specified product |
Common Use Cases
Product Catalog
Configure the widget in List Mode to display your entire product inventory with scrollable access to all items.
Feature Comparison Tool
Set up Comparison Mode to allow users to select specific products for side-by-side feature evaluation.
Technical Specifications Display
Present detailed technical information in a structured format that highlights differences between similar items.
Interactive Kiosk
Implement as part of a customer-facing information kiosk where users can explore and compare options.