<!-- Добавление товара в корзину --> <div class="add-to-cart"> <button type="submit" class="add-cart button quick" title="Положить «{GOODS_NAME}» в корзину"><span>Быстрая покупка</span></button> <button type="submit" class="add-cart button button2" title="Положить «{GOODS_NAME}» в корзину"><span>Купить товар</span></button> </div> <!-- /END Добавление товара в корзину -->
замените на:
<script src="https://forma.tinkoff.ru/static/onlineScript.js"></script> <div class="credit" > <button type="button" class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_L one" onclick="tinkoff.create( { sum: {GOODS_MOD_PRICE_NOW}, items: [{name: '{GOODS_NAME}', price: {GOODS_MOD_PRICE_NOW}, quantity: 1}], demoFlow: 'sms', promoCode: 'default', shopId: 'test_online', showcaseId: 'test_online', }, {view: 'modal'} )" ></button> <button type="button" class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_L" onclick="tinkoff.create( { sum: {GOODS_MOD_PRICE_NOW}, items: [{name: '{GOODS_NAME}', price: {GOODS_MOD_PRICE_NOW}, quantity: 1}], demoFlow: 'sms', promoCode: 'installment_0_0_6_5', shopId: 'test_online', showcaseId: 'test_online', }, {view: 'modal'} )" >Купить в рассрочку</button> <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_L {border-radius: 0px;} .TINKOFF_BTN_YELLOW.TINKOFF_SIZE_L.one{border-right: 1px solid #fff;} @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;} .TINKOFF_BTN_YELLOW.TINKOFF_SIZE_L.one{border-right: 1px solid #fff;margin-bottom: 1px;} } </style> </div>
- в последнем вставленном коде вместо test_online задайте свое значение ShopId и ShowcaseId . Уникальный идентификатор магазина shopId выдается магазину при подключении персональным менеджером банка . Более подробную информацию о подключении виджета можно найти здесь.
Результат:
Далее необходимо открыть шаблон "Просмотр заказа" и найдите :
{% IF ORDER_PAYMENT_STEP_ENABLE %} <!-- Здесь появляются дополнительные данные, необходимые для заполнения клиентом --> {PAYMENT_FORM_TBODY} {% ENDIF %} <!-- 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 это идентификатор способа оплаты. Данный идентификатор Вам необходимо заменить на свой. Его можно посмотреть в Админ панели - Настройки - Оплата - Выбрать пункт как в примере "купить в кредит" в конце адресной строки будет Ваш уникальный ID.
Результат: