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


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


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

#1 stasia

stasia

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

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

Отправлено 13 Ноябрь 2020 - 11:31

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

jQuery(function($) {
  var carouselU = $('.pdt-best1 .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,1],
	  itemsMobile: [481,1],
	  responsive: true,
	  responsiveRefreshRate : 200,
	  responsiveBaseWidth: window,
	  lazyLoad: true,
	  pagination: false,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: false,
	  mouseDrag: false,
	  autoPlay: true,
	  addClassActive: true,
	  autoHeight: false,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.pdt-content .navigation').show();
		}else{
		  $('.pdt-content .navigation').hide();
		  $('.pdt-content .owl-carousel .owl-item').css("max-width", "300px");
		}
	  }
	});
  jQuery('.pdt-content .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('.pdt-content .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});

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

			</div>
			{% ENDIF %}
			{% ENDIF %}
			<!-- /END Товары на главной, Новинки, Хиты -->
			<!-- Заголовок страницы -->

И перед ним вставьте:


[font=system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif][left]			  {% IFNOT index_page_sale_goods_empty %}
			  <div class="pdt-best1 pdt-content {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}active{% ENDIF %}">
				<div class="navigation">
				  <a href="#" class="prev"><i class="fa fa-angle-left"></i></a>
				  <a href="#" class="next"><i class="fa fa-angle-right"></i></a>
				</div>
				<div class="products-grid row">
				  {% FOR index_page_sale_goods %}
					<div class="item animated fadeInUp">[/font][/left]
[font=system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif][left]					  <div class="item-inner" itemscope itemtype="[url="https://schema.org/Product"]https://schema.org/Product[/url]">
						<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-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" src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=sunrise{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}"  itemprop="image">
							  {% 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 class="mask"></div>
							</a>
							<div class="actions {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=1 %}compare-off{% ENDIF %}">
							  <div class="group-mask">
								<div class="inner-mask">
								  <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="[url="https://schema.org/AggregateRating"]https://schema.org/AggregateRating[/url]">
										  <meta itemprop="worstRating" content = "1">
										  <meta itemprop="bestRating" content = "10">
										  <meta itemprop="ratingValue" content = "{index_page_sale_goods.OPINION_RATING_VALUE}">
										  <meta itemprop="reviewCount" content = "{index_page_sale_goods.OPINION_RATING_CNT_ALL}">
										  <div class="rating" style="width:{index_page_sale_goods.OPINION_RATING_VALUE}0%" alt="{index_page_sale_goods.OPINION_RATING_VALUE}" title="Рейтинг товара"></div>
										</span>
										{% ELSE %}
										  <div class="rating" style="width:0%" alt="Рейтинг не определён" title="Рейтинг не определён"></div>
										{% ENDIF %}
									  </div>
									</a>
								  </div>
								  <div class="addtocart">
									<!--a class="add-cart quick button button2" title="Быстро оформить заказ" 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 button button2" title="В корзину" data-tooltip="В корзину" 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>
								  </div>
								  <div class="add-to-links">
									<!-- Если есть возможность добавить товар в избранное -->
									{% 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; из избранного"
										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}"
									  ><i class="fa fa-heart"></i></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; из избранного"
										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}"
									  ><i class="fa fa-heart"></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" 
										  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}"
										><i class="fa fa-retweet"></i></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}"
										  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}"
										><i class="fa fa-retweet"></i></a>
									  {% ENDIF %}
									{% ENDIF %}
									<!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									<div class="quickview-wrap">
									  <a class="quickview" href="{index_page_sale_goods.URL_MIN_PRICE_NOW}" title="Быстрый просмотр &laquo;{index_page_sale_goods.NAME}&raquo;" data-tooltip="Быстрый просмотр"><i class="fa fa-eye"></i><span>Быстрый просмотр</span></a>
									</div>
								  </div>
								</div>
							  </div>
							</div>
						  </div>
						  <div class="product-shop">
							<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 class="product-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="price-box" itemprop="offers" itemscope itemtype="[url="https://schema.org/Offer"]https://schema.org/Offer[/url]">
							  <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}" itemprop="price" content="{index_page_sale_goods.MIN_PRICE_NOW}">{index_page_sale_goods.MIN_PRICE_NOW | money_format}</span>
							</div>
							<!-- Выводим 2 характеристики -->
							{% IFNOT index_page_sale_goods.goods_attr_list_empty %}
							  <div class="attr-list">
								{% FOR goods_attr_list %}
								{% IF index_page_sale_goods.goods_attr_list.index > 2 %}{break}{% ENDIF %}
								<div class="attr">
								  <span class="name">{index_page_sale_goods.goods_attr_list.NAME}:</span>
								  <span class="value">{index_page_sale_goods.goods_attr_list.VALUE}</span>
								</div>					
								{% ENDFOR %}		   
							  </div>
							{% ENDIF %}
						  </div>
						</form>
					  </div>
					</div>
				  {% ENDFOR %}
				</div>
			  </div>
			  {% ENDIF %}[/font][/left]

Найдите данный код:

			  <ul class="pdt-nav">
				{% IFNOT index_page_goods_empty %}<li class="item-nav active" data-href="pdt-sale"><span>Товары на главной</span></li>{% ENDIF %}
				{% IFNOT index_page_new_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 %}active{% ENDIF %}" data-href="pdt-new"><span>Новинки</span></li>{% ENDIF %}
				{% IFNOT index_page_favorites_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}active{% ENDIF %}" data-href="pdt-best"><span>Хиты продаж</span></li>{% ENDIF %}
			  </ul>

Замените его на:

			  <ul class="pdt-nav">
				{% IFNOT index_page_goods_empty %}<li class="item-nav active" data-href="pdt-sale"><span>Товары на главной</span></li>{% ENDIF %}
				{% IFNOT index_page_new_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 %}active{% ENDIF %}" data-href="pdt-new"><span>Новинки</span></li>{% ENDIF %}
				{% IFNOT index_page_favorites_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}active{% ENDIF %}" data-href="pdt-best"><span>Хиты продаж</span></li>{% ENDIF %}
				{% IFNOT index_page_sale_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 && index_page_new_goods_empty=1 %}active{% ENDIF %}" data-href="pdt-best1"><span>Распродажа</span></li>{% ENDIF %}
			  </ul>






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

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