Способы оплаты

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

По умолчанию кнопки располагаются в одну строку (в теме slim – в одну колонку), относительное расположение также можно изменить настройками.

По умолчанию используются оплаты с типами: cash, bankCard, bonus, giftCard.

Строка и столбец - это числовые значения, которые задают относительный порядок кнопок. Столбец опционален, и если столбец не указан, значит в строке одна кнопка.
В теме оформления slim установлена настройка [Check.payments].

Параметры name, welcomeName, returnName и icon имеют значения по умолчанию для разных типов оплаты:

Пример настройки четырех типов оплаты в одну строку (столбец с темой slim)

[Check.payments.1]
type = bankCard
code = 3

[Check.payments.2]
type = bonus

[Check.payments.3]
type = giftCard

[Check.payments.4]
type = qrScan
code = 7
name = Система\nбыстрых\nплатежей
welcomeName = Система быстрых платежей
returnName = Система быстр.\nплатежей

В теме оформления добавляется иконка СБП в подкаталог icons с названием paymentqrscan.png.

Пример добавления четырех типов оплаты в две строки

[Check.payments.1.1]
type = bankCard
code = 3

[Check.payments.1.2]
type = bonus

[Check.payments.2.1]
type = qr
code = 5
name = PaymeGO
welcomeName = PaymeGO
returnName = PaymeGO
icon = icon.paymeGo

[Check.payments.2.2]
type = qr
code = 6
name = CLICK PASS
welcomeName = CLICK PASS
returnName = CLICK PASS
icon = icon.clickPass

Если используется два способа оплаты с одинаковым типом, то для иконок потребуется задать полный путь до изображения или добавить новые параметры в тему:

{
    "default" : {
        "icon": {
            "paymeGo": "./icons/paymeGo.png",
            "clickPass": "./icons/clickPass.png"
        }
    }
}

В теме оформления в подкаталог icons добавляются иконки paymeGo.png и clickPass.png.

На экране с разрешением 1024x768 по умолчанию две строки способов оплат не влезают. Это можно исправить, добавив в стили темы оформления следующее:

#PaymentForm .ActionButton[command="CHECK_ADDPAYMENT"] {
    padding: 10px 15px;
    height: -1;
    width: 220px;
    qproperty-toolButtonStyle: "ToolButtonTextBesideIcon";
    qproperty-textAlignment: "AlignLeft|AlignVCenter";
    qproperty-iconSpacing: 10;
    qproperty-iconSize: 50px;
}

Пример увеличения размера иконок на кнопках

#PaymentForm .ActionButton[command="CHECK_ADDPAYMENT"] {
    qproperty-iconSize: 100px;
}

Пример отображения только иконок на кнопках

#PaymentForm .ActionButton[command="CHECK_ADDPAYMENT"] {
    qproperty-iconSize: 100px;
    qproperty-toolButtonStyle: "ToolButtonIconOnly";
    padding: 0;
}

Автоматическая оплата чека

Есть возможность автоматически выбирать способ оплаты, если доступна только одна. При этом будет учитываться активность оплат. Например, настроены оплаты по терминалу и бонусами, но списание баллов не доступно (кнопка не активна), тогда будет автоматически выбрана оплата по терминалу. Если списание баллов доступно, тогда покупатель сам выбирает один из способов оплаты.

Отображение покупателю кнопки "Отмена" в диалоге оплаты по QR-коду

Настройка showPaymentQrCancel позволяет отображать кнопку "Отмена" в диалоге оплаты по QR-коду.

Отображение ошибок оплаты покупателю

Настройка позволяет отображать ошибки, возникшие при оплате, покупателю вместо консультанта. Не влияет на оплату наличными (cash).

Настройки логики чека в интеграции