Product selection

Header[edit | edit source]

Product configuration is the main title and some information just below it:

Selected employee name | employee number | last measure !!!

Full text filter[edit | edit source]

Full text filter is a simple search box where the user enters their search term and gets results which (partially) match the query. If the filter query matches the content of a group name, the user expects to see all items in that group. If the filter query matches only some of the items in the group, but not the group itself, searched items in the group are highlighted. Parameters which are considered for matching are: group name, product name, product number.

Activity dropdown[edit | edit source]

Dropdown where user is choosing activity, if user has more then one. If user has only one activity it is preselected.

Second dropdown[edit | edit source]

Dropdowns offers:

-Configurable products

-All products

Groups

Each group acts as a container for the products within it. It can be expended and collapsed by clicking on the header (a suitable icon is displayed for expanded and collapsed state). All groups are expanded by default, user can collapse them.

• Group header is group name

Positions within group contain:

Product image

Product name with product number

Product variants dropdown (variant should be selected to activate customization button)

Add product

All manually added products will be in the group "Manually added"