Перейти к содержимому


Добавление Кнопок Купить В Кредит И Купить В Рассрочку От Tinkoff

Купить в рассрочку кредит Tinkoff рассрочка Tinkoff кнопка кредитTinkoff Кнопка рассрочка Tinkoff

  • Авторизуйтесь для ответа в теме
В этой теме нет ответов

#1 Proofi

Proofi

    Пользователь

  • Модераторы
  • 28 сообщений

Отправлено 18 Декабрь 2020 - 13:57

Необходимо создать новый вариант оплаты "Мой способ оплаты" и назвать его, например, "Купить в кредит", далее в админ панели - Сайт - Редактор шаблонов - шаблон "Товар" найдите код:

<!-- Добавление товара в корзину -->
<div class="add-to-cart" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE &amp;&amp; GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>
<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 button" title="Положить &amp;laquo;{GOODS_NAME}&amp;raquo; в корзину"><i class="fal fa-shopping-cart" aria-hidden="true"></i> В корзину</button>
<button type="submit" class="add-cart quick button button2" title="Положить &amp;laquo;{GOODS_NAME}&amp;raquo; в корзину">Купить в 1 клик</button>
<a href="{GOODS_URL}" class="button button2 more" title="Подробнее">Подробнее</a>
</div>
<!-- /END Добавление товара в корзину -->
</div>
</form>


после него вставьте:

<script src="https://forma.tinkoff.ru/static/onlineScript.js"></script>
<div class="credit" style="margin:10px 0px 0px 0px; " >

<button
type="button"
class="TINKOFF_BTN_YELLOW TINKOFF_SIZE_M"
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_M second"
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>

</div>

<style>
.product-view .product-order .goodsDataForm {float: left;width: 100%;margin-top: 10px;margin-bottom: 15px;}
.TINKOFF_BTN_YELLOW, .TINKOFF_SIZE_M {text-align: center;margin: 0 auto;display: block; margin-bottom: 10px;}
.TINKOFF_SIZE_M.second {margin-bottom: 0px;}
</style>


- в вставленном коде вместо test_online задайте свое значение ShopId и ShowcaseId . Уникальный идентификатор магазина shopId выдается магазину при подключении персональным менеджером банка, если тестовая форма работает корректно . Более подробную информацию о подключении виджета можно найти здесь.

  ShowcaseId - Идентификатор витрины магазина.  Витрины —это различные сайты, зарегистрированные  на одно юридическое лицо. В случае единственной витрины можно не указывать.


Далее необходимо открыть шаблон "Просмотр заказа" и найдите :


<!-- Методы методы оплаты онлайн -->
<!-- Если заказ не оплачен и выбранный метод оплаты позволяет оплатить его онлайн, покажем форму с оплатой заказа через сайт -->
{% 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_M 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_M"
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.

Сообщение отредактировал metry: 10 Апрель 2021 - 15:44






Темы с аналогичным тегами Купить в рассрочку, кредит Tinkoff, рассрочка Tinkoff, кнопка кредитTinkoff, Кнопка рассрочка Tinkoff

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных