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


metry

Регистрация: 27 февр. 2017
Offline Активность: 09 дек. 2019 20:28
*****

Мои сообщения

В теме: Добавление Блока Распродажа На Главной

07 Ноябрь 2019 - 16:01

так же таймер можно вывести в карточке акционного товара. Для этого зайдите в Редактор шаблонов-->Товар и найдите:
	  <!-- Блок информации по акции действующей на товар, если таковая есть -->
	  {% IF GOODS_MOD_MAX_DISCOUNT_ID %}
		<div class="goodsDataMainDiscountBlock f-fix" content="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("Y-m-d")}">
		  <span>Товар участвует в акции <strong>&laquo;{GOODS_MOD_MAX_DISCOUNT_CAMPAIGN_NAME}&raquo;.</strong></span><br />
		  <span>До {GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет <strong>{GOODS_MOD_MAX_DISCOUNT}%</strong></span>
		</div>
	  {% ENDIF %}

после него вставьте:
				  <!-- Блок информации по акции действующей на товар, если таковая есть -->
		{% IF GOODS_MOD_MAX_DISCOUNT_ID %}
		<div class="goodsDataMainDiscountBlock">
		  <!-- Счетчик обратного отсчета. end дата окончания акции в формате Месяц:День:Год Часы:Минуты:Секунды -->
		  <div class="counter" end="{GOODS_MOD_MAX_DISCOUNT_EXPIRED_AT | date("m/d/Y H:i:s")}" now="{CURRENT_TIME | date("m/d/Y H:i:s")}">
			<div class="title">Осталось:</div>
			<div class="days">
			  <span>0</span>
			  <label>дн.</label>
			</div>
			<div class="hours">
			  <span>0</span>
			  <label>час.</label>
			</div>
			<div class="minutes">
			  <span>0</span>
			  <label>мин.</label>
			</div>
			<div class="seconds">
			  <span>0</span>
			  <label>сек.</label>
			</div>
		  </div>
		</div>
		{% ENDIF %}

далее зайдите в Редактор шаблонов-->main.css и в самый конец кода вставьте:
.product-view .goodsDataMainDiscountBlock {width: 100%;margin-bottom: 25px;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;}
.product-view .goodsDataMainDiscountBlock .title {line-height: 30px;margin-right: 30px;font-weight: bold;}
.product-view .counter {width: 100%;padding: 15px 0;background: #ecebf2;text-align: center;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;-ms-flex-align: center;-webkit-align-items: center;-webkit-box-align: center;align-items: center;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;}
.product-view .counter div {margin-right: 10px;}
.product-view .counter div:last-child {margin-right: 0;}
.product-view .counter div label {font-size: 12px;text-transform: lowercase;margin-left: 2px;}
.product-view .counter div span {display: inline-block;width: auto;height: 30px;line-height: 30px;background: #ffffff;text-align: center;position: relative;letter-spacing: 1px;padding: 0px 10px;}

В теме: Добавление Блока Распродажа На Главной

07 Ноябрь 2019 - 13:26

так же можно для добавленных товаров Распродажи на главной вывести таймер, для этого зайдите в Редактор шаблонов-->HTML и найдите:

<script type="text/javascript" src="{ASSETS_JS_PATH}main.js?design=sport"></script>

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

<!--Обратный отсчет акции -->
<script type="text/javascript">
$(document).ready(function () { counterDate(); });
</script>

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

								 <a href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_sale_goods.NAME}" class="product-image">
								 <img src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sport{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}" itemprop="image">
								 </a>

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

<!-- Счетчик обратного отсчета. end дата окончания акции в формате Месяц:День:Год Часы:Минуты:Секунды -->
								 <div class="counter" end="{index_page_sale_goods.MAX_DISCOUNT_EXPIRED_AT | date("m/d/Y H:i:s")}" now="{CURRENT_TIME | date("m/d/Y H:i:s")}">
								 <div class="days">
									 <span>00</span>
									 <label>дн.</label>
								 </div>
								 <div class="hours">
									 <span>00</span>
									 <label>час.</label>
								 </div>
								 <div class="minutes">
									 <span>00</span>
									 <label>мин.</label>
								 </div>
								 </div>

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

.pdt-best-sale .counter {width: calc(100% + 30px);margin-left: -15px;padding: 10px 0 0px 0;background: #ecebf2;text-align: center;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;}
.pdt-best-sale .counter div {margin-right: 10px;}
.pdt-best-sale .counter div:last-child {margin-right: 0;}
.pdt-best-sale .counter div label {display: block;font-size: 12px;text-transform: lowercase;}
.pdt-best-sale .counter div span {display: inline-block;position: relative;width: 50px;height: 30px;line-height: 30px;background: #ffffff;text-align: center;}
.pdt-best-sale .products-grid .item {position: relative;float: left;text-align: left;margin-bottom: 30px;height: 440px;}

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

// Отсчет даты до окончания акции
function counterDate() {
// Устанавливаем дату обратного отсчета ММ-ДД-ГГ
$('.counter').each(function(i, el){
  var end = $(el).attr('end');
  var countDownDate = new Date(end).getTime();
  // Обновление счетчика каждую секунду
  var x = setInterval(function() {
	var now = new Date().getTime();
	var distance = countDownDate - now;
	var days = Math.floor(distance / (1000 * 60 * 60 * 24));
	var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
	var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
	var seconds = Math.floor((distance % (1000 * 60)) / 1000);
	// Вывод
	$(el).find('.days span').text(days);
	$(el).find('.hours span').text(hours);
	$(el).find('.minutes span').text(minutes);
	$(el).find('.seconds span').text(seconds);
	// Счетчик завершен
	if (distance < 0) {
	  clearInterval(x);
	  $(el).find('span').text("0");
	}
  }, 1000);
})
}

// Отсчет даты до окончания акции
function openMod() {
$('.product-view .qty-wrap .label.mod').on('click', function(){
  if($('.product-view .goodsDataMainModificationsBlock').hasClass('active')){
	$(this).removeClass('active');
	$('.product-view .goodsDataMainModificationsBlock').removeClass('active');
	$('.product-view .goodsDataMainModificationsBlock').slideUp(600);
  }else{
	$(this).addClass('active');
	$('.product-view .goodsDataMainModificationsBlock').addClass('active');
	$('.product-view .goodsDataMainModificationsBlock').slideDown(600);
  }
});
}


В теме: Добавление Блока Распродажа

03 Ноябрь 2019 - 13:47

Так же можно вывести на данном товаре таймер с обратным отсчетом. Для этого зайдите в Редактор шаблонов-->HTML и найдите:


				 <div class="product-shop">
				 <meta itemprop="description" content="{% IF index_page_sale_goods.DESCRIPTION_SHORT %}{index_page_sale_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">

замените на:

				 <div class="product-shop">
					 <!-- Счетчик обратного отсчета. end дата окончания акции в формате Месяц:День:Год Часы:Минуты:Секунды -->
						 <div class="counter" end="{index_page_sale_goods.MAX_DISCOUNT_EXPIRED_AT | date("m/d/Y H:i:s")}" now="{CURRENT_TIME | date("m/d/Y H:i:s")}">
						 <div class="label">Осталось:</div>
						 <div class="days">
							 <span>00</span>д
						 </div>
						 <div class="hours">
							 <span>00</span>ч
						 </div>
						 <div class="minutes">
							 <span>00</span>м
						 </div>
						 <div class="seconds">
							 <span>00</span>с
						 </div>
						 </div>
				
				 <meta itemprop="description" content="{% IF index_page_sale_goods.DESCRIPTION_SHORT %}{index_page_sale_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">

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


.pdt-sale .counter {padding: 5px 0;border: 1px solid #cc4a93;background: #ff4274;color: #ffffff;border-radius: 20px;font-size: 14px;display: -ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-flow: row wrap;-webkit-flex-flow: row wrap;flex-flow: row wrap;justify-content: center;}
.pdt-sale .counter div {display: block;margin-right: 6px;}
.pdt-sale .counter div:after {content: ":";padding-left: 2px;}
.pdt-sale .counter div:first-of-type:after, #sales .counter div:last-of-type:after {display: none;}
.pdt-sale .counter div:last-of-type {margin-right: 0;}

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

// Отсчет даты до окончания акции
function goodsDate() {
var start_date = $(".goodsDataMainDiscountBlock").attr("start");
var end_date = $(".goodsDataMainDiscountBlock").attr("end");
var diff = new Date(Date.parse(end_date) - Date.parse(start_date) - 97200000);
var days = diff/1000/60/60/24;
$('.goodsDataMainDiscountBlock .counter .day').text(diff.getDate());
$('.goodsDataMainDiscountBlock .counter .hours').text(diff.getHours());
$('.goodsDataMainDiscountBlock .counter .minutes').text(diff.getMinutes());
}
// Отсчет даты до окончания акции
function counterDate() {
// Устанавливаем дату обратного отсчета ММ-ДД-ГГ
var end = $('.counter').attr('end');
var countDownDate = new Date(end).getTime();
// Обновление счетчика каждую секунду
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
// Вывод
$('.counter .days span').text(days);
$('.counter .hours span').text(hours);
$('.counter .minutes span').text(minutes);
$('.counter .seconds span').text(seconds);
// Счетчик завершен
if (distance < 0) {
clearInterval(x);
$('.counter span').text("0");
}
}, 1000);
}

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

<!-- /END Конец основных скриптов которые лучше не удалять -->

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

	 <script type="text/javascript">
	 // Запуск основных скриптов для "главной" страницы
{% IF index_page %}
$(document).ready(function () { counterDate(); });
{% ENDIF %}
</script>

<!-- /END Конец основных скриптов которые лучше не удалять -->

В теме: Изменения Шапки И Подвала

29 Октябрь 2019 - 18:01

Добрый день. Пожалуйста, уточните номер Вашего аккаунта.

В теме: Не Вмещается Полностью Наименование Товара В Мобильной Версии

29 Октябрь 2019 - 17:59

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
.product-list .itemW{border-radius:0;border:none;border-bottom:1px solid #EDE9CD; padding:0px;margin:0 0 2px 0;height:100px;}

замените на:
.product-list .itemW{border-radius:0;border:none;border-bottom:1px solid #EDE9CD;padding:0px;margin:0 0 2px 0;height: 151px;}