jc-product-item
The schema defines the following properties:
Property | Type | Required | Description |
type | component.product-item | true | |
instanceId | InstanceId | Expression | false | |
when | Expression | boolean | false | |
options | Product Item Options | true | |
Properties of the options object:
Property | Type | Required | Description |
title | string | Expression | TextWithFormat | TextLocale | true | First line of text - only one line. It won't be break. |
tag | string | Expression | TextWithFormat | TextLocale | false | Tag title |
amountControl | AmountControlBase | false | Configuration of amount control |
image | Image Element | false | Configuration of image element |
price | object | false | Base price of the product |
discount | number | string | false | Discount in float format eg. 0.12 |
onPress | false | Action Keg component that will be triggered by pressing on this list item. | |
style | Product Item Style | false | More of them can be true. It will be evaluated based on priority. |
First line of text - only one line. It won't be break.
Tag title
Configuration of amount control
Configuration of image element
Properties of the image object:
Property | Type | Required | Description |
uri | string | string | false | Source of image displayed as avatar |
Source of image displayed as avatar
The object must be any of the following types:
Base price of the product
Discount in float format eg. 0.12
The object must be any of the following types:
Action Keg component that will be triggered by pressing on this list item.
More of them can be true. It will be evaluated based on priority.
Properties of the style object:
Property | Type | Required | Description |
isWaitingSync | boolean | string | false | Will display "Waiting sync" indicator |
Will display "Waiting sync" indicator
The object must be any of the following types:
The schema defines the following additional types:
Properties of the AmountControlBase object:
Property | Type | Required | Description |
value | number | string | false | Value of amount control |
initialValue | number | string | false | Initial value of amount control |
onChange | false | Action Keg component that will be triggered when value is changed | |
onDelete | ja-execute-entity | ja-execute-entities | false | If this property is set, trash symbol is displayed when the value is 1 or (min + 1). |
minimum | number | string | false | Limits the minimum number. Default is 0. |
maximum | number | string | false | Limits the maximum number. |
step | number | string | false | Step for increment/decrement. Default is 1. |
Value of amount control
The object must be any of the following types:
Initial value of amount control
The object must be any of the following types:
Action Keg component that will be triggered when value is changed
If this property is set, trash symbol is displayed when the value is 1 or (min + 1).
The object must be any of the following types:
Limits the minimum number. Default is 0.
The object must be any of the following types:
Limits the maximum number.
The object must be any of the following types:
Step for increment/decrement. Default is 1.
The object must be any of the following types: