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


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

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

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

#1 metry

metry

    Активный участник

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

Отправлено 25 Март 2021 - 10:46

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



		<!-- Добавление товара в корзину -->
		<div class="add-to-cart">
		  <button type="submit" class="add-cart button quick" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"><span>Быстрая покупка</span></button>
		  <button type="submit" class="add-cart button button2" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"><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 выдается магазину при подключении персональным менеджером банка . Более подробную информацию о подключении виджета можно найти здесь.

Результат: test.png

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

{% 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.

Результат:test2.png





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

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

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