Написать виджет для сайта — скрипт (JS или JQuery) +HTML для изменения в браузере опций в атрибуте платежной кнопки Сбер эквайринга из инпутов и рэнж-слайдера для вызова скрипта оплаты с переменными данными.
Нужно 2 виджета:
Для фиксированной цены:
Пользователь вводит в 1 поле — Фамилию Имя Отчество, в поле 2 — Номер телефона. И кликает на кнопку Оплатить, срабатывает скрипт приема оплаты с измененными даннымиПри вводе опция description атрибута onclick меняет содержимое на значения из инпутов + Название страницы из тега <title>.
Итоговый код кнопки перед кликом
<a onclick="ipayCheckout({
amount:500,
currency:'RUB',
order_number:'',
description: 'Название страницы из тега <title> / Иванов Иван Иванович / +7 910 1234567'},
function(order) { showSuccessfulPurchase(order) },
function(order) { showFailurefulPurchase(order) })"
class="btn btn-xs btn-outline btn-primary">Оплатить 500 руб.
</a>
Для изменяемой цены:
Пользователь вводит в 1 поле — Фамилию Имя Отчество, в поле 2 — Номер телефона, в рэнж-слайдере выбирает значение от 500 до 10 000 с шагом 500 (при этом изменяется сумма выше слайдера и на кнопке оплаты). И кликает на кнопку Оплатить, срабатывает скрипт приема оплаты с измененными данными.
При вводе опция description атрибута onclick меняет содержимое на значения из инпутов + Название страницы из тега <title>. Опция amount меняет значение на сумму из рэнж-слайдера.
<a onclick="ipayCheckout({
amount:1500,
currency:'RUB',
order_number:'',
description: 'Название страницы из тега <title> / Иванов Иван Иванович / +7 910 1234567'},
function(order) { showSuccessfulPurchase(order) },
function(order) { showFailurefulPurchase(order) })"
class="btn btn-xs btn-outline btn-primary">Оплатить 1500 руб.
</a>
Требования к верстке и доп. сведенияJS или JQuery (минималистичный код).HTML Bootstrap 4CSS не нужен, за исключением рэнж сладера. Слайдер должен выглядеть примерно как на эскизе.Должно работать на десктопах и на тачскринах.Инструкция по настройке кнопки Сбербанка:https://securepayments.sberbank.ru/wiki/doku.php/integration:paybutton:start