Каталог товаров по умолчанию доступен пользователю в окне формирования чека. Он позволяет сгруппировать товары по определенному признаку, например овощи, фрукты, хлебная продукция и т. д.

Поиск в каталоге

В каталоге можно выполнить поиск товаров и каталогов по наименованию. По умолчанию поиск выполняется от 3-х символов. Для изменения количества символов можно воспользоваться настройкой:

Текст подсказки, отображаемый в поле поиска при вводе меньшего количества символов, по умолчанию не задан. Его можно задать через id pickListSearchMinLength. Пример для 3-символов:

[I18n.ru]
pickListSearchMinLength = от 3-х символов

Подтверждение выбора товара

Есть возможность отображения диалога подтверждения выбора товара для исключения случайного выбора при нажатии на кнопку товара. В диалоге можно подтвердить или отменить добавление выбранного товара в чек. 

Настройка периода обновления каталога товаров

Есть возможность задать период обновления данных, отображаемых в каталоге товаров.
Информация обновляется:

• при переходе в каталог или в группу товаров,
• при нахождении в каталоге или в группе товаров.

Отображение элементов каталога

Для изменения отображения элементов каталога можно воспользоваться настройками:

[PickList.PickListForm.items]
itemSize = 160x160
styleSheet = "font-size: 18px"

Отображение цен в каталоге товаров

На кнопках товаров в каталоге можно включить отображение цен настройкой showPrice.
С ценой дополнительно можно отображать единицу измерения товара в формате "<price> за 1 <unit>" при включении настройки showUnits.
По умолчанию отображение настроено для темы default и slim без рекламы, цена отображается над наименованием слева.

.PickList--PickListForm #extra {
    margin-top: 0px;
 }

.PickList--PickListForm #extra[text] {
    color: #666;
    background-color: #fff;
}

#FormingForm .PickList--PickListForm #extra {
    margin-top: 0px;
 }
 
#FormingForm .PickList--PickListForm #extra[text] {
    color: #666;
    background-color: #fff;
}

Кастомизация отображения товаров в каталоге

Можно изменить отображение цены и единиц для товаров в каталоге.

В новую тему оформления добавляются настройки:

[PickList.PickListButton.layout]
type = vertical
margin = 0

item.0 = ImageView(image)
item.1 = QWidget(textWidget)

[PickList.PickListButton.text]
maxLines = 3

[PickList.PickListButton.textWidget.layout]
type = horizontal
margin = 0
spacing = 4

item.0 = QWidget(priceWidget)
item.1 = MultilineLabel(text)

[PickList.PickListButton.priceWidget.layout]
type = grid
margin = 4
verticalSpacing = 0

item.0.0.1.1 = QLabel(price), AlignRight|AlignTop
item.1.0.1.1 = QLabel(unit), AlignRight|AlignTop
item.2.0.2.1 = Spacer(Minimum, Minimum)

.PickList--PickListForm #priceWidget {
    background-color: #ccc;
    max-width: 85px;
}

.PickList--PickListForm #textWidget {
    max-height: 85px;
}

.PickList--PickListForm #text {
    font-size: 14pt;
    qproperty-alignment: "AlignLeft|AlignTop";
}

.PickList--PickListForm #menuButton[itemGroup="true"] #text {
    font-size: 20pt;
    qproperty-alignment: "AlignCenter";
}

.PickList--PickListForm #price {
    font-size: 18pt;
}

.PickList--PickListForm #unit {
    font-size: 10pt;
}

.PickList--PickListForm #menuButton[hasPrice="false"] #text {
    padding: 0 10px;
    qproperty-alignment: "AlignCenter";
}

Наименование товара отображается максимально в 3 строки (maxLines).
Если цена товара не получена, наименование по умолчанию будет отображаться по центру.
Настройки применяются к темам на основе slim и default.

Получение цены при запросе каталога товаров (Artix SCO)

Если открыт каталог с большим числом отображаемых товаров, то цена будет загружаться медленно. В интеграции с Артикс можно ускорить получение цен, включив настройку pickListWithPrice.

Отображение количества товара

Отображение количества товара используется для формирования заказов (в фудкортах, кафе и пр.), то есть только с последующим получением товаров. Позволяет ускорить добавление товаров из каталога.

При включении настройки showQuantity в каталоге на кнопках товаров отображается текущее количество товара в чеке. После выбора из каталога товар добавляется в чек, каталог при этом не закрывается. Отображение текущего количества товара ограничено: максимально отображается 99 штук, при превышении значения отображается как "99+". 

Изменить размер иконки количества можно через параметр quantityInPickListHeight из группы параметров geometry (в theme.json).

Параметры отображения количества товара вместе с ценой зависят от темы оформления и настроек отображения рекламы.

.PickList--PickListForm #extra {
	margin-top: 8px;
}

#FormingForm .PickList--PickListForm #extra {
	margin-top: 8px;
}

#FormingForm .PickList--PickListForm #extra {
	margin-top: -2px;
}

Для использования вместе с примером кастомизации в новую тему оформления дополнительно добавляются настройки:

[PickList.PickListButton.image.layout]
margin = 2
item.0 = QLabel(quantity), AlignRight|AlignTop

Отображение информации о каталогах и товарах на казахском и русском языках

Для наименований каталогов, товаров и элементов каталога можно задавать переводы.

В этом случае отображение текста и поиск осуществляются в соответствии с выбранным языком.