website logo
👥 Community🎯 Samples on GitHub🚦 System Status
💡 Guides
🚀 Examples
🍕 Developer Reference
⚡️ Changelog
🎥 Video Library
Navigate through spaces
⌘K
Overview
Reference
Actions
Data
UI
Widgets
Docs powered by
Archbee
Reference
UI

jc-product-item

27min

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



instanceId (InstanceId | Expression)

when (Expression | boolean)

options (Product Item Options, required)

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

keg-action-in-background

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.

title (string | Expression | TextWithFormat | TextLocale, required)

First line of text - only one line. It won't be break.

tag (string | Expression | TextWithFormat | TextLocale)

Tag title

amountControl (AmountControlBase)

Configuration of amount control

image (Image Element)

Configuration of image element

Properties of the image object:

Property

Type

Required

Description

uri

string | string

false

Source of image displayed as avatar

uri (string | string)

Source of image displayed as avatar

The object must be any of the following types:

uri (string)

price (object)

Base price of the product

discount (number | string)

Discount in float format eg. 0.12

The object must be any of the following types:

discount (string)

onPress (keg-action-in-background)

Action Keg component that will be triggered by pressing on this list item.

style (Product Item Style)

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

isWaitingSync (boolean | string)

Will display "Waiting sync" indicator

The object must be any of the following types:

isWaitingSync (string)



Sub Schemas

The schema defines the following additional types:

AmountControlBase (Amount)

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

keg-action-in-background

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 (number | string)

Value of amount control

The object must be any of the following types:

value (string)

initialValue (number | string)

Initial value of amount control

The object must be any of the following types:

initialValue (string)

onChange (keg-action-in-background)

Action Keg component that will be triggered when value is changed

onDelete (ja-execute-entity | ja-execute-entities)

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:

onDelete (ja-execute-entity)

onDelete (ja-execute-entities)

minimum (number | string)

Limits the minimum number. Default is 0.

The object must be any of the following types:

minimum (string)

maximum (number | string)

Limits the maximum number.

The object must be any of the following types:

maximum (string)

step (number | string)

Step for increment/decrement. Default is 1.

The object must be any of the following types:

step (string)



Updated 25 Sep 2023
Did this page help you?
PREVIOUS
jc-pie-chart
NEXT
jc-section
Docs powered by
Archbee
TABLE OF CONTENTS
instanceId (InstanceId | Expression)
when (Expression | boolean)
options (Product Item Options, required)
title (string | Expression | TextWithFormat | TextLocale, required)
tag (string | Expression | TextWithFormat | TextLocale)
amountControl (AmountControlBase)
image (Image Element)
uri (string | string)
uri (string)
price (object)
discount (number | string)
discount (string)
onPress (keg-action-in-background)
style (Product Item Style)
isWaitingSync (boolean | string)
isWaitingSync (string)
Sub Schemas
AmountControlBase (Amount)
value (number | string)
value (string)
initialValue (number | string)
initialValue (string)
onChange (keg-action-in-background)
onDelete (ja-execute-entity | ja-execute-entities)
onDelete (ja-execute-entity)
onDelete (ja-execute-entities)
minimum (number | string)
minimum (string)
maximum (number | string)
maximum (string)
step (number | string)
step (string)
Docs powered by
Archbee
Copyright © 2023 Jigx, Inc. All rights reserved. Terms of Service