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


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

Купить в кредит Кредит Tinkoff Кредит Тинькофф Кнопка купить в кредит

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

#1 metry

metry

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

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

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

Для внесения изменений зайдите в Редактор шаблонов-->Товар и найдите:

<!-- Добавление товара в корзину -->
<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="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину</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="Положить &laquo;{GOODS_NAME}&raquo; в корзину">Купить в 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="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
<input type="button" value="Быстрый заказ" class="add-cart quick button btn-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
<button type="button" class="add-cart button btn-cart qw" onclick="$('.goodsDataForm').submit()" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину">В корзину</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 - Идентификатор витрины магазина.  Витрины —это различные сайты, зарегистрированные  на одно юридическое лицо. В случае единственной витрины можно не указывать.

Также кнопку Оплаты Купить в кредит можно добавить при оформлении заказа. Для этого зайдите в раздел Настройки-->Оплата и создайте свой вариант оплаты и назовите его Купить в кредит.
свой вариант оплаты.png

Далее зайдите в Редактор шаблонов-->Просмотр заказа и найдите:

	 <!-- Здесь появляются дополнительные данные, необходимые для заполнения клиентом -->
	 {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 варианта оплаты см. ниже на картинке.
id.png





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

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

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