1) Перейдите в раздел:
Товары - Товары, в левом столбце в разделе "Акции" создайте акцию(и добавьте товар в созданную акцию), поставьте галочку в поле:
Использовать товары этой акции для отображения в блоке «Распродажа»
2) Перейдите в раздел Сайт---Редактор шаблонов---HTML и найдите код:
{%IF index_page%} <div id="FAQandReview"> <div class="container">
И сразу перед ним добавьте код:
{% IF index_page %} {% IFNOT index_page_sale_goods_empty %} <div class="products-container"> <!-- Распродажа --> <div class="container"> <h2 class="title">Акции</h2> </div> <div class="container_for_index_goods container"> <div class="index_goods_owl index-page-goods-owl owl-carousel owl-theme row-goods"> {% 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"> <div itemprop="aggregateRating" itemtype="http://schema.org/AggregateRating" itemscope> <meta itemprop="worstRating" content = "0"> <meta itemprop="bestRating" content = "5"> <meta itemprop="reviewCount" content = "{index_page_sale_goods.OPINION_RATING_CNT_ALL}"> <meta itemprop="ratingValue" content="{index_page_sale_goods.OPINION_RATING_VALUE | divide('2')}" /> </div> <div class="product-image"> <noscript> <img class="goods-image-large" src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-large.png?design=moving{% ELSE %}{index_page_sale_goods.IMAGE_LARGE}{% ENDIF %}" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}" itemprop="image" /> </noscript> <img class="goods-image-large {%IF index_page_sale_goods.index > 6%}lozad{%ENDIF%} script_on" {%IF index_page_sale_goods.index <= 6%} src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-large.png?design=moving{% ELSE %}{index_page_sale_goods.IMAGE_LARGE}{% ENDIF %}" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}" itemprop="image"> {% ELSE %} data-src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-large.png?design=moving{% ELSE %}{index_page_sale_goods.IMAGE_LARGE}{% ENDIF %}" alt="{index_page_sale_goods.NAME}" title="{index_page_sale_goods.NAME}" itemprop="image"> {%ENDIF%} </div> <div class="product-shop"> <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> {% IFNOT index_page_sale_goods.goods_attr_list_empty %} <div class="attrList"> {%FOR goods_attr_list%} <div class="oneAttr"> <span class="oneAttrName"> {index_page_sale_goods.goods_attr_list.NAME}: </span> <span class="oneAttrValue"> {index_page_sale_goods.goods_attr_list.VALUE} </span> </div> {%ENDFOR%} </div> {%ENDIF%} <div class="quickview"><a data-fancybox data-type="ajax" data-filter="#product-view-wrp" data-src="{index_page_sale_goods.URL_MIN_PRICE_NOW}?only_body=1" class="button quick-anchor" title="Подробная информация о товаре {index_page_sale_goods.NAME}" data-tooltip="Быстрый просмотр">Подробнее ›</a></div> <meta itemprop="description" content="{% IF index_page_sale_goods.DESCRIPTION_SHORT %}{index_page_sale_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}"> </div> </div> </div> {% ENDFOR %} </div> </div> </div> <script> $('.index-page-goods-owl').owlCarousel({ loop:true, margin:0, nav:true, center:false, autoplay:true, autoplayTimeout:12000, autoplayHoverPause:true, responsive:{ 0:{ items:1 }, 640:{ items:2 }, 991:{ items:3 }, } }) </script> {% ENDIF %} {% ENDIF %}