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


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

#Распродажа

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

#1 metry

metry

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

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

Отправлено 26 Октябрь 2019 - 19:29

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

	  <div id="delivery_banner">
		<div class="container">
		  <div class="left-text"> Быстрые отправки</div>
		  <div class="box-image"></div>
		  <div class="right-text">
			<div>Доставка по всему миру</div>
			<a class="link-hover" href="#">Подробнее</a>
			</div>
		</div>
	  </div>

после него вставьте:
		   <!-- Распродажа -->
		  {% IFNOT index_page_sale_goods_empty %}
	  <div class="container">
	  <div class="pdt-sale pdt-content">
		<div class="block-title">
		  <h2 class="title"><span>Распродажа</span></h2>
		</div>
		<div class="products-grid row">
		  {% FOR index_page_sale_goods %}
			<div class="item {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_sale_goods.MAX_REST_VALUE=0 %}empty{% ENDIF %}">
			  <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="product-name">
					 <meta itemprop="name" content="{index_page_sale_goods.NAME}">
					 <a 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>
				  </div>
				  <div class="product-image">
					<a href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_sale_goods.NAME}" class="product-img">
					  <img class="goods-image-small lazyload" src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sportpit{% ELSE %}{index_page_sale_goods.IMAGE_ICON}{% ENDIF %}" data-src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-medium.png?design=sportpit{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}"  itemprop="image">
					</a>
					<div class="icon">
					  {% IF index_page_sale_goods.IS_TOP %}
						<span class="ico-best">Hit</span>
					  {% ELSEIF index_page_sale_goods.IS_NEW %}
						<span class="ico-new">New</span>
					  {% ENDIF %}
					  {% IF index_page_sale_goods.MAX_DISCOUNT %}
						<span class="ico-sale">%</span>
					  {% ENDIF %}
					</div>
					{% IF index_page_sale_goods.OPINION_RATING_VALUE %}
					<div class="ratings">
					  <a href="{index_page_sale_goods.URL | url_amp}" title="Перейти к отзывам">
						<div class="rating-box">
						  {% IF index_page_sale_goods.OPINION_RATING_VALUE %}
						  <span itemprop="aggregateRating" itemscope itemtype="https://schema.org/AggregateRating">
							<meta itemprop="worstRating" content = "1">
							<meta itemprop="bestRating" content = "5">
							<meta itemprop="ratingValue" content = "{index_page_sale_goods.OPINION_RATING_VALUE | divide('2')}">
							<meta itemprop="reviewCount" content = "{index_page_sale_goods.OPINION_RATING_CNT_ALL | divide('2')}">
							<div class="rating" style="width:{index_page_sale_goods.OPINION_RATING_VALUE}0%" alt="{index_page_sale_goods.OPINION_RATING_VALUE | divide("2")}" title="Рейтинг товара"></div>
						  </span>
						  {% ELSE %}
							<div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
						  {% ENDIF %}
						</div>
					  </a>
					</div>
					{% ENDIF %}
				  </div>
				  <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="price-box" itemprop="offers" itemscope itemtype="https://schema.org/Offer">
					  <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
					  {% IF index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_sale_goods.MIN_PRICE_NOW %}
						<span class="price 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="price old-price {CURRENCY_CHAR_CODE}">{index_page_sale_goods.MIN_PRICE_OLD | money_format}</span>
					  {% ENDIF %}
						<span class="price {CURRENCY_CHAR_CODE} {% IF index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_sale_goods.MIN_PRICE_NOW %}with-old-price{% ELSEIF index_page_sale_goods.MIN_PRICE_OLD>index_page_sale_goods.MIN_PRICE_NOW %}with-old-price{%ENDIF%}" itemprop="price" content="{index_page_sale_goods.MIN_PRICE_NOW}">{index_page_sale_goods.MIN_PRICE_NOW | money_format}</span>
					</div>
					<div class="product-actions-wrapper">
					  <div class="actions {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
					  <div class="addtocart">
						{% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && index_page_sale_goods.MAX_REST_VALUE=0 %}
						<div class="empty" title="В корзину" data-tooltip="В корзину"><span class="label">Нет в наличии</span></div>
						{% ELSE %}
						<!--a class="add-cart quick btn-primary" title="Быстро оформить заказ" rel="nofollow" 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}">В корзину</a-->
						<a class="add-cart btn-primary link-hover" title="В корзину" data-tooltip="В корзину" rel="nofollow" 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}">В корзину</a>
						{% ENDIF %}
					  </div>
					  <div class="add-to-links">
						<!-- a class="quickview cbutton" href="{index_page_sale_goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{index_page_sale_goods.NAME}&raquo;" data-tooltip="Быстрый просмотр" rel="nofollow"><i class="icon-zoom-in"></i></a-->
						<!-- Если есть возможность добавить товар в избранное -->
						{% IF index_page_sale_goods.IS_HAS_IN_FAVORITES_LIST %}
						  <a class="add-wishlist added cbutton"
							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; из избранного"
							data-add-tooltip="В Избранное"
							data-del-tooltip="Убрать из избранного"
							data-tooltip="Убрать из избранного"
							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}"
							rel="nofollow"
						  ><i class="material-icons">favorite_border</i></a>
						{% ELSE %}
						  <a class="add-wishlist cbutton"
							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; из избранного"
							data-add-tooltip="В Избранное"
							data-del-tooltip="Убрать из избранного"
							data-tooltip="В Избранное"
							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}"
							href="{FAVORITES_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
							rel="nofollow"
						  ><i class="material-icons">favorite_border</i></a>
						{% ENDIF %}
						<!-- END Если есть возможность добавить товар в избранное -->
						<!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
						{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
						  {% IF index_page_sale_goods.IS_HAS_IN_COMPARE_LIST %}
							<a class="add-compare added cbutton"
							  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}"
							  data-add-tooltip="В Сравнение"
							  data-del-tooltip="Убрать из сравнения"
							  data-tooltip="Убрать из сравнения"
							  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}"
							  rel="nofollow"
							><i class="material-icons">format_align_right</i></a>
						  {% ELSE %}
							<a class="add-compare cbutton"
							  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}"
							  data-add-tooltip="В Сравнение"
							  data-del-tooltip="Убрать из сравнения"
							  data-tooltip="В Сравнение"
							  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}"
							  rel="nofollow"
							><i class="material-icons">format_align_right</i></a>
						  {% ENDIF %}
						{% ENDIF %}
						<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
					  </div>
					</div>
					</div>
				  </div>
				</form>
			  </div>
			</div>
		  {% ENDFOR %}
		</div>
		<div class="showAll button button"><span>Показать все</span></div>
	  </div>
	  </div>
		 {% ENDIF %}
	 <!-- /END Распродажа -->


#2 metry

metry

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

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

Отправлено 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 Конец основных скриптов которые лучше не удалять -->






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

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

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