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


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

#Распродажа #Акции

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

#1 metry

metry

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

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

Отправлено 17 Октябрь 2019 - 15:49

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

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

после него вставьте:
	{% IF index_page %}
  <script type="text/javascript">
	  // Обратный отсчет акции
	$(document).ready(function () { counterDate(); });
  </script>
	{% ENDIF %}

далее найдите:
		  {% ENDIF %}
		  <!-- /Список товаров на главной -->

после него вставьте:
					<!-- Список товаров Распродажи -->
		  {% IFNOT index_page_sale_goods_empty %}
			<div class="carousel_specials jcarousel-wrapper">
			  <div class="header_specials">
				<h2>Распродажа</h2>
			  </div>
			  <div id="carousel_specials">
				<ul>
				  {% FOR index_page_sale_goods %}<li class="main_general">
					  <div class="product">
						<div class="product-image-wrapper goods-cat-image-medium-square onhover">
						  <a title="{index_page_sale_goods.NAME}" href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}">
							<img class="goods-cat-image-medium" src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=movement{% ELSE %}{index_page_sale_goods.IMAGE_SMALL}{% ENDIF %}" alt="" />
						  </a>
						</div>
						<div class="product-name"><p title="{index_page_sale_goods.NAME}" onclick="javascript:document.location.href='{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}'">{index_page_sale_goods.NAME}</p></div>
					  
						   <!-- Счетчик обратного отсчета. 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>
					  
					  
						<div class="product-price">
						  <span class="new_price">{index_page_sale_goods.MIN_PRICE_NOW | money_format}</span>
						  {% IF index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_sale_goods.MIN_PRICE_NOW %}
						  <s class="old_price">{index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</s>
						  {% ELSEIF index_page_sale_goods.MIN_PRICE_OLD>index_page_sale_goods.MIN_PRICE_NOW %}
						  <s class="old_price">{index_page_sale_goods.MIN_PRICE_OLD | money_format}</s>
						  {% ENDIF %}
						</div>
						<form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}">
						  <input type="hidden" name="hash" value="{HASH}" />
						  <input type="hidden" name="form[goods_from]" value="{index_page_sale_goods.GOODS_FROM}" />
						  <input type="hidden" name="form[goods_mod_id]" value="{index_page_sale_goods.MIN_PRICE_NOW_ID}" />
						  <a class="buy_button" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={index_page_sale_goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={index_page_sale_goods.MIN_PRICE_NOW_ID}" onclick="quickorder('.product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}');return false;" title="Быстро оформить заказ">Быстрый заказ</a>
						  <!--a class="buy_button" onclick="$('.product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a-->
						</form>
						<!-- Если есть возможность добавить товар в избранное -->
						{% IF index_page_sale_goods.IS_HAS_IN_FAVORITES_LIST %}
						  <a class="wishlist add_to_wishlist_small_text added"
								data-action-is-add="0"
								data-action-add-url="{FAVORITES_ADD_URL}"
								data-action-delete-url="{FAVORITES_DELETE_URL}"
								data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в избранное"
								data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из избранного"
								data-action-text-add="Добавить в избранное"
								data-action-text-delete="Удалить из избранного"
								title="Убрать «{index_page_sale_goods.NAME}» из избранного"
								href="{FAVORITES_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  >Удалить из избранного</a>
						{% ELSE %}
						  <a class="wishlist add_to_wishlist_small_text"
								data-action-is-add="1"
								data-action-add-url="{FAVORITES_ADD_URL}"
								data-action-delete-url="{FAVORITES_DELETE_URL}"
								data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в избранное"
								data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из избранного"
								data-action-text-add="Добавить в избранное"
								data-action-text-delete="Удалить из избранного"
								title="Добавить «{index_page_sale_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
						  >Добавить в избранное</a>
						{% ENDIF %}
						<!-- END Если есть возможность добавить товар в избранное -->
					   
						<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						  {% IF index_page_sale_goods.IS_HAS_IN_COMPARE_LIST %}
								<a class="compare add_to_compare_small_text added"
								  data-action-is-add="0"
								  data-action-add-url="{COMPARE_ADD_URL}"
								  data-action-delete-url="{COMPARE_DELETE_URL}"
								  data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами"
								  data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами"
								  data-action-text-add="Добавить к сравнению"
								  data-action-text-delete="Убрать из сравнения"
								  title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами"
								  href="{COMPARE_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_sale_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
								>Убрать из сравнения</a>
						  {% ELSE %}
								<a class="compare add_to_compare_small_text"
								  data-action-is-add="1"
								  data-action-add-url="{COMPARE_ADD_URL}"
								  data-action-delete-url="{COMPARE_DELETE_URL}"
								  data-action-add-title="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами"
								  data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами"
								  data-action-text-add="Добавить к сравнению"
								  data-action-text-delete="Убрать из сравнения"
								  title="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами"
								  href="{COMPARE_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_sale_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
								>Добавить к сравнению</a>
						  {% ENDIF %}
						{% ENDIF %}
						<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					  </div>
					</li>{% ENDFOR index_page_sale_goods %}
				</ul>
			  </div>
			  <a href="#" class="jcarousel-control-prev"></a>
			  <a href="#" class="jcarousel-control-next"></a>
			</div>
		  {% ENDIF %}
		  <!-- /Список товаров Распродажи -->


далее зайдите в Редактор шаблонов-->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);
}


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

.product .counter {padding: 5px 0;border: 1px solid #6bac1e;background: #80c52e;color: #ffffff;border-radius: 20px;font-size: 13px;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;}
.product .counter div {display: block;margin-right: 6px;}
.product .counter div:after {content: ":";padding-left: 2px;}
.product .counter div:first-of-type:after, .product .counter div:last-of-type:after {display: none;}
.product .counter div:last-of-type {margin-right: 0;}






Темы с аналогичным тегами #Распродажа, #Акции

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

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