<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину"/>В корзину</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину"/>Быстрый заказ</button>
заменить на:
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину"/>В корзину</button> <button type="submit" class="add-cart quick button" title="Положить «{GOODS_NAME}» в корзину"/>Быстрый заказ</button> <div class="TinkoffPayment"> <script> function showCredit(){ let GOODS_PRICE = $('.goodsDataMainModificationPriceNow').first().find('.price .num').text().replace(/\s/g, ''); let GOODS_QUANTITY = $('[name="form[goods_mod_quantity]"]').val(); tinkoff.create( { sum: GOODS_PRICE * GOODS_QUANTITY, items: [{name: '{GOODS_NAME}', price: GOODS_PRICE * GOODS_QUANTITY, quantity: GOODS_QUANTITY}], demoFlow: 'sms', promoCode: 'default', shopId: 'test_online', showcaseId: 'test_online', }); } </script> <script> function showInstallment(){ let GOODS_PRICE = $('.goodsDataMainModificationPriceNow').first().find('.price .num').text().replace(/\s/g, ''); let GOODS_QUANTITY = $('[name="form[goods_mod_quantity]"]').val(); tinkoff.create( { sum: GOODS_PRICE * GOODS_QUANTITY, items: [{name: '{GOODS_NAME}', price: GOODS_PRICE * GOODS_QUANTITY, quantity: GOODS_QUANTITY}], demoFlow: 'sms', promoCode: 'installment_0_0_6_5', shopId: 'test_online', showcaseId: 'test_online', }); } </script> <div class="credit" > <button class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_M one" type="button" onclick="showCredit()">Купить в кредит</button> <button class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_M" type="button" onclick="showInstallment()">Купить в рассрочку</button> </div> <script src="https://forma.tinkoff.ru/static/onlineScript.js"></script> <style> .credit{margin:1px 0px; width: 100%; display: flex;} .TINKOFF_SIZE_L {min-height: 64px;font-size: 15px; line-height: 24px;width: 50%;} .TINKOFF_BTN_YELLOW.TINKOFF_SIZE_M {border-radius: 0px;min-width: 183px;} .TINKOFF_BTN_YELLOW.TINKOFF_SIZE_M.one{border-right: 1px solid #fff; margin-right: 10px; min-width: 153px;} @media all and (max-width: 481px) { .TINKOFF_SIZE_L {min-height: 20px;font-size: 14px; line-height: 20px;width: 100%;} .credit {width: 100%;display: block; float:left;} .TINKOFF_BTN_YELLOW.TINKOFF_SIZE_M.one{border-right: 1px solid #fff;margin-bottom: 1px;} } </style> </div>
— в последнем вставленном коде вместо test_online свое задайте значение ShopId и ShowcaseId . Уникальный идентификатор магазина shopId выдается магазину при подключении персональным менеджером банка . Более подробную информацию о привлечении виджета можно найти здесь .
Результат:
Далее необходимо открыть шаблон "Просмотр заказа" и найдите :
{% IF ORDER_PAYMENT_STEP_ENABLE %} <!-- Здесь джаз дополнительные данные, необходимые для заполнения клиентом --> {PAYMENT_FORM_TBODY} {% КОНЕЦ %} <!-- END методы оплаты онлайн --> </table>
после него вставьте:
{% IF ORDER_PAYMENT_ID = 492980 %} <script src="https://forma.tinkoff.ru/static/onlineScript.js"></script> <div class="credit table-box" > <div class="one"> <button type="button" class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_L one" onclick="tinkoff.create( { sum: {ORDER_SUM}, items: [ {% FOR order_lines %} { name: '{order_lines.NAME}', price: {order_lines.LINE_SUM}, quantity: {order_lines.QUANTITY} } , {%ENDFOR%}], demoFlow: 'sms', promoCode: 'default', shopId: 'test_online', showcaseId: 'test_online', }, {view: 'modal'} )" >Оплатить в кредит</button> </div> <div class="two"> <button type="button" class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_L" onclick="tinkoff.create( { sum: {ORDER_SUM}, items: [ {% FOR order_lines %} { name: '{order_lines.NAME}', price: {order_lines.LINE_SUM}, quantity: {order_lines.QUANTITY} } , {%ENDFOR%}], demoFlow: 'sms', promoCode: 'installment_0_0_6_5', shopId: 'test_online', showcaseId: 'test_online', }, {view: 'modal'} )" >Оплатить в рассрочку</button> </div> </div> <style> .credit.table-box div {width: 50%; } .credit.table-box div.one {text-align: end; margin-right: 5px;} .credit.table-box div.two {text-align: start; margin-left: 5px;} .credit.table-box { display: flex; flex-direction: row;flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center;} @media all and (max-width: 481px) { .credit.table-box { display: flex; flex-direction: column;} .credit.table-box div.one {text-align: end; margin-bottom: 10px;} .credit.table-box div {width: 100%; text-align: center; } .credit.table-box div.one {text-align: center; margin-right: 0px;} .credit.table-box div.two {text-align: center; margin-left: 0px;} } </style> {% ENDIF %}
- в вставленном коде число 492980 это идентификатор платежа. Данный идентификатор Вам необходимо заменить на свой. Его можно посмотреть в Админ панели - Настройки - Оплата - Выбрать пункт как в подъеме "купить в кредит" в конце адресной строки будет ваш идентификатор.