product-item
The product item component is suitable for a list of products and should be used with the list components or the list jig.
Some properties are common to all components, see Common component properties for a list and their configuration options.
Core structure | |
---|---|
title | Add a title for the for the product-item. You can use an expression and datasource to set the title. |
Other options | |
---|---|
amountControl | This property has several setup options:
|
discount | This allows you to display the discount price including the currency. Set the discount in the range 0 - 1 (1 = 100%). Discount is set in float format e.g. 0.12. |
image | The option to add an image of your product by providing the uri |
price | This allows you to display the base price of the product including the currency. |
style | isWaitingSync - Displays a Waiting sync indicator. |
tag | The option to add a tag to your item. Add a tag title for example max amount, the tag can be configured with an expression to determine when it should be displayed. tag: =@ctx.current.state.amount =10 ? 'max amount':'' |
Actions | |
---|---|
onPress | The action is triggered while pressing on a product item in the list. Use IntelliSense (ctrl+space) to see the list of available actions. |
State Configuration | Key | Notes |
---|---|---|
=@ctx.current.state. | amount |
|
=@ctx.component.state. | amount |
|
=@ctx.solution.state. | activeItemId now |
|