<!-- Добавление товара в корзину --> <div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}> <button type="submit" class="add-cart button" title="Положить «{GOODS_NAME}» в корзину">В корзину</button> <div class="qty-wrap"> <div class="qty-set"> <a href="javascript:void(0)" class="qty-plus unselectable" title="Увеличить"><i class="fal fa-plus"></i></a> <input type="text" name="form[goods_mod_quantity]" maxlength="4" value="1" min="1" title="Количество" class="inputText quantity" onkeypress="return keyPress(this, event);" onpaste="return false;" autocomplete="off"> <a href="javascript:void(0)" class="qty-minus unselectable" title="Уменьшить"><i class="fal fa-minus"></i></a> </div> </div> <button type="submit" class="add-cart quick button button2" title="Положить «{GOODS_NAME}» в корзину">Купить в 1 клик</button> <a href="{GOODS_URL}" class="button button2 more" title="Подробнее">Подробнее</a> </div>
замените на:
<script src="https://forma.tinkoff.ru/static/onlineScript.js"></script> <div class="add-to-cart clear"> <input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" /> <input type="button" value="В корзину" class="add-cart button btn-cart" title="Положить «{GOODS_NAME}» в корзину"/> <input type="button" value="Быстрый заказ" class="add-cart quick button btn-cart" title="Положить «{GOODS_NAME}» в корзину"/> <button type="button" class="add-cart button btn-cart qw" onclick="$('.goodsDataForm').submit()" title="Положить «{GOODS_NAME}» в корзину">В корзину</button> <button type="button" class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_M 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> <a href="{GOODS_URL}" class="button link-more" title="Подробнее">Подробнее</a> </div> <div class="credit" > <style> .TINKOFF_BTN_YELLOW, .TINKOFF_SIZE_M { min-height: 46px;font-size: 15px;line-height: 23px;padding: 9px 19px;margin-left: 10px;} .credit{margin:1px 0px; width: 100%; display: flex;} @media all and (max-width: 381px) { .TINKOFF_BTN_YELLOW, .TINKOFF_SIZE_M {min-height: 46px;font-size: 14px;line-height: 23px;padding: 9px 14px;margin-left: 0px;} } </style> </div>
- в вставленном коде вместо test_online задайте свое значение ShopId и ShowcaseId . Уникальный идентификатор магазина shopId выдается магазину при подключении персональным менеджером банка, если тестовая форма работает корректно . Более подробную информацию о подключении виджета можно найти здесь.
ShowcaseId - Идентификатор витрины магазина. Витрины —это различные сайты, зарегистрированные на одно юридическое лицо. В случае единственной витрины можно не указывать.
Также кнопку Оплаты Купить в кредит можно добавить при оформлении заказа. Для этого зайдите в раздел Настройки-->Оплата и создайте свой вариант оплаты и назовите его Купить в кредит.
Далее зайдите в Редактор шаблонов-->Просмотр заказа и найдите:
<!-- Здесь появляются дополнительные данные, необходимые для заполнения клиентом --> {PAYMENT_FORM_TBODY} {% ENDIF %} </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 %}
- в последнем вставленном коде вместо test_online задайте свое значение ShopId и ShowcaseId . Уникальный идентификатор магазина shopId выдается магазину при подключении персональным менеджером банка, если тестовая форма работает корректно . Более подробную информацию о подключении виджета можно найти здесь.
Так же вместо 492993 задайте id Вашего варианта оплаты созданного ранее. Где взять id варианта оплаты см. ниже на картинке.