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


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

Автор metry, 14 окт. 2019 16:47
#Распродажа #Ночь #Таймер

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

#1 metry

metry

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

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

Отправлено 14 Октябрь 2019 - 16:47

Для внесения изменений зайдите в Редактор шаблонов-->HTML и найдите:
	 <!-- Товары на главной, Новинки, Хиты -->
	 {% IF index_page %}

после него вставьте:
<div id="producttabs" class="sns-producttabs wrap">
	 <div class="container">
		 <div class="sns-pdt-container">
			 <div class="pdt-content tab-content-actived is-loaded pdt_best_sales">
				 <div class="pdt-list product-grid play">
				 <div class="inner">
					 {% FOR index_page_sale_goods %}
					 <div class="item col-md-3 col-sm-4 col-sms-6 col-smb-12">
						 <div class="item-inner" itemscope itemtype="https://schema.org/Product">
						 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID} goodsListForm">
							 <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}" />
							 <div class="item-img">
							 <a href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_sale_goods.NAME}" class="product-image" itemprop="url">
								 <span class="img-main">
								 <div class="ico-product">
									 {% IF index_page_sale_goods.IS_NEW %}
									 <span class="ico-new">Новинка</span>
									 {% ELSEIF index_page_sale_goods.IS_TOP %}
									 <span class="ico-best">Хит</span>
									 {% ENDIF %}
									 {% IF index_page_sale_goods.MAX_DISCOUNT %}
									 <span class="ico-sale">Скидка</span>
									 {% ENDIF %}
								 </div>
								 <img src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=dark{% 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">
								 </span>
							 </a>
							 {% IF index_page_sale_goods.MAX_DISCOUNT %}
							 <div class="countdown" data-content="{index_page_sale_goods.MAX_DISCOUNT_EXPIRED_AT | date("Y/m/d")}">
								 <span class="countdown-section">
								 <span class="countdown-min">{index_page_sale_goods.MAX_DISCOUNT}%</span>
								 </span>
							 </div>
							 {% ENDIF %}
						 <!-- Счетчик обратного отсчета. 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>
							
							 </div>
							 <div class="item-info">
							 <div class="info-inner">
								 <div class="item-title">
								 <a class="product-name" href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_sale_goods.NAME}" itemprop="url">{index_page_sale_goods.NAME}</a>
								 <meta itemprop="name" content="{index_page_sale_goods.NAME}">
								 <meta itemprop="description" content="{% IF index_page_sale_goods.DESCRIPTION_SHORT %}{index_page_sale_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
								 </div>
								 <div class="item-price" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
								 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
								 <span itemprop="price" class="price {CURRENCY_CHAR_CODE}" content="{index_page_sale_goods.MIN_PRICE_NOW}">{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 %}
									 <span class="old-price {CURRENCY_CHAR_CODE}">{index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</span>
								 {% ELSEIF index_page_sale_goods.MIN_PRICE_OLD>index_page_sale_goods.MIN_PRICE_NOW %}
									 <span class="old-price {CURRENCY_CHAR_CODE}">{index_page_sale_goods.MIN_PRICE_OLD | money_format}</span>
								 {% ENDIF %}
								 </div>
							 </div>
							 <div class="action-bot">
								 <div class="actions">
								 <div class="wishlist">
									 <!-- Если есть возможность добавить товар в избранное -->
									 {% IF index_page_sale_goods.IS_HAS_IN_FAVORITES_LIST %}
									 <a class="add-wishlist added"
										 data-action-is-add="0"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_sale_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_sale_goods.NAME}&raquo; из избранного"
										 title="Убрать &laquo;{index_page_sale_goods.NAME}&raquo; из избранного"
										 href="{FAVORITES_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									 ></a>
									 {% ELSE %}
									 <a class="add-wishlist"
										 data-action-is-add="1"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_sale_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_sale_goods.NAME}&raquo; из избранного"
										 title="Добавить &laquo;{index_page_sale_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
									 ></a>
									 {% ENDIF %}
									 <!-- END Если есть возможность добавить товар в избранное -->
								 </div>
								 <div class="compare">
									 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
									 {% IF index_page_sale_goods.IS_HAS_IN_COMPARE_LIST %}
										 <a class="add-compare added"
										 data-action-is-add="0"
										 data-action-add-url="{COMPARE_ADD_URL}"
										 data-action-delete-url="{COMPARE_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_sale_goods.NAME}&raquo; в список сравнения с другими товарами"
										 data-action-delete-title="Убрать &laquo;{index_page_sale_goods.NAME}&raquo; из списка сравнения с другими товарами"
										 data-prodname="{index_page_sale_goods.NAME}"
										 data-produrl="{index_page_sale_goods.URL}"
										 data-id="{index_page_sale_goods.ID}"
										 data-mod-id="{index_page_sale_goods.MIN_PRICE_NOW_ID}"
										 title="Убрать &laquo;{index_page_sale_goods.NAME}&raquo; из списка сравнения с другими товарами"
										 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="add-compare"
										 data-action-is-add="1"
										 data-action-add-url="{COMPARE_ADD_URL}"
										 data-action-delete-url="{COMPARE_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_sale_goods.NAME}&raquo; в список сравнения с другими товарами"
										 data-action-delete-title="Убрать &laquo;{index_page_sale_goods.NAME}&raquo; из списка сравнения с другими товарами"
										 data-prodname="{index_page_sale_goods.NAME}"
										 data-produrl="{index_page_sale_goods.URL}"
										 data-id="{index_page_sale_goods.ID}"
										 data-mod-id="{index_page_sale_goods.MIN_PRICE_NOW_ID}"
										 title="Добавить &laquo;{index_page_sale_goods.NAME}&raquo; в список сравнения с другими товарами"
										 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>
								 </div>
								 <div class="wrap-addtocart">
								 {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_sale_goods.MAX_REST_VALUE=0 %}
									 <span class="button none">Нет в наличии</span>
								 {% ELSE %}
									 <!--a class="add-cart quick button" title="Быстро оформить заказ">В корзину</a-->
									 <a class="add-cart button" title="В корзину">В корзину</a>
								 {% ENDIF %}
								 </div>
							 </div>
							 </div>
						 </form>
						 </div>
					 </div>
					 {% ENDFOR %}
					 <div class="button-load">
					 <div class="tab-loadmore pdt-loadmore">
						 <div class="btn-loadmore">
						 <div class="ltabs-loadmore-btn loadGoods" title="Показать все"></div>
						 </div>
					 </div>
					 </div>
				 </div>
				 </div>
			 </div>
		
		 </div>
	 </div>
	 </div>

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

	 </div>
	 </div>
	 <!-- /END Подвал-->

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

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

далее зайдите в Редактор шаблонов-->main.js и найдите:
// Каталог на главной
jQuery(function($) {
var carouselU = $('.categories.index');
carouselU.owlCarousel({
	 items: 4,
	 pagination: true,
	 itemsScaleUp : true,
	 slideSpeed : 800,
	 autoPlay: true,
	 addClassActive: true,
	 autoHeight: true,
});
});

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

// Отсчет даты до окончания акции
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').hide();
}
}, 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);
}
});
}

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

.product-grid .item .item-inner .item-img {text-align: center;position: relative;margin-bottom: 10px;z-index: 0;max-width: 260px;max-height: 260px;margin: 0 auto;}

замените на:

.product-grid .item .item-inner .item-img {text-align: center;position: relative;margin-bottom: 10px;z-index: 0;max-width: 260px;max-height: 330px;margin: 0 auto;}


далее в самый конец кода main.css вставьте:

.item-img .counter {width: calc(100% + 20px);margin-left: -10px;}
.item-img .counter {width: calc(100% + 30px);margin-left: -15px;padding: 15px 0 10px 0;background: #ecebf2;text-align: center;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;}
.item-img .counter div {margin-right: 10px;}
.item-img .counter div:last-child {margin-right: 0;}
.item-img .counter div label {display: block;font-size: 12px;text-transform: lowercase;}
.item-img .counter div span {display: inline-block;position: relative;width: 50px;height: 30px;line-height: 30px;background: #ffffff;text-align: center;}
#producttabs .countdown {margin-bottom:20px;position:absolute;top: 35px;left:-5px;color:#fff;font-size:10px;font-weight:bold;text-transform:none;z-index:99;-webkit-transition:all 0.5s ease-in-out 0s;-o-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;}
#producttabs .countdown .countdown-section {display:block;padding: 8px 0px;text-align:center;width:60px;height:auto;background:#4c4c4c;margin-bottom:8px;line-height:10px;position:relative;}

Обратно в Главная


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Ночь
  5. → Главная
  6. Privacy Policy