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


Добавление кнопки Купить в кредит от сервиса V-Credit


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

#1 metry

metry

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

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

Отправлено 22 Апрель 2021 - 12:09

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

<link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}main.css?design=fazenda">
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-3.4.1.min.js?design=tobacco"></script>

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

<script type="text/javascript" src="https://v-credit.su/services/credit/inc.js" async></script>


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

<!-- Имя товара -->
<div class="product-name"><h1 itemprop="name" >{GOODS_NAME}</h1></div>

замените на:

	<!-- Имя товара -->
	<div class="product-name"><h1 itemprop="name" >{GOODS_NAME}</h1></div>
	<div class="creditgoods" style="display:none;">{GOODS_NAME}</div> 

далее найдите:

	 <!-- Артикул -->
	 {% IF GOODS_MOD_ART_NUMBER %}
	 <span class="separator"></span>
	 <div class="goodsDataMainModificationArtNumber">

pзамените на:

	 <!-- Артикул -->
	 {% IF GOODS_MOD_ART_NUMBER %}
	 <span class="separator"></span>
	 <div class="goodsDataMainModificationArtNumber">
	 <div class="creditarticle" style="dispaly:none;">{GOODS_MOD_ART_NUMBER}</div>

далее найдите:

<!-- Цена товара -->
<div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
	 <!-- информация для поисковика о наличии товара -->
	 <meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}">
	 <!-- информация для поисковика о валюте товара -->
	 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
	 <div class="label">Цена:</div>
	 <div class="special-price goodsDataMainModificationPriceNow">
		 <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
	 </div>

замените на:

<!-- Цена товара -->
<div class="price-box {CURRENCY_CHAR_CODE}" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
	 <div class="creditprice" style="display:none;">{GOODS_MOD_PRICE_NOW}</div>
	 <!-- информация для поисковика о наличии товара -->
	 <meta itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}http://schema.org/InStock{%ELSE %}http://schema.org/OutOfStock{% ENDIF %}">
	 <!-- информация для поисковика о валюте товара -->
	 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
	 <div class="label">Цена:</div>
	 <div class="special-price goodsDataMainModificationPriceNow">
		 <span class="price" itemprop="price" content="{GOODS_MOD_PRICE_NOW}">{GOODS_MOD_PRICE_NOW | money_format}</span>
	 </div>

далее найдите:

	 <!-- Добавление товара в корзину -->
	 <div class="add-to-cart">
		 <button type="submit" class="add-cart button" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"><span>Добавить в корзину</span></button>
		 <a href="#" class="add-cart button button3 quick" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"><span>Купить сейчас</span></a>
		 <a href="{GOODS_URL}" class="more" title="Подробнее">Подробнее</a>
	 </div>
	 <!-- /END Добавление товара в корзину -->

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

			 <div class="add-to-cart credit">
						 <a href="javascript:void(0);" class="gocredit">В кредит</a>
						 <a href="javascript:void(0);" class="gocredit creditzero"><span>Рассрочка</span></a>
			 </div>

далее зайдите в Редактор шаблонов-->main.css и в самый конец кода добавьте:

.product-view .add-to-cart .add-cart + .add-cart {margin-left: 0px;min-width: 210px;}
.product-view .add-to-cart.credit {width: auto;height: auto;font-size: 16px;line-height: 48px;/* padding: 0 30px; */}
.product-view .add-to-cart.credit a {display: inline-block;position: relative;padding: 0 30px;background: #f66409;color: #ffffff;font-size: 16px;font-weight: 400;line-height: 47px;border: 1px solid #ff5722;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-shadow: none;overflow: visible;letter-spacing: normal;text-transform: none;text-align: center;margin: 0;outline: 0;cursor: pointer;white-space: nowrap;text-shadow: none;backface-visibility: hidden;transform: translateZ(0);-webkit-appearance: none;-moz-appearance: none;appearance: none;font-weight: bold;min-width: 209px;}
@media all and (max-width: 992px) {
.product-view .add-to-cart.credit a {min-width: 163px;}
}
@media all and (max-width: 768px) {
.product-view .add-to-cart.credit {width: auto; height: auto; font-size: 16px; line-height: 48px; text-align: center;}
}
@media all and (max-width: 360px) {
.product-view .add-to-cart.credit a {min-width: auto;}
}


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




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

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