Зайдите в Редактор шаблонов --- 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}&form%5Bgoods_from%5D={index_page_sale_goods.GOODS_FROM}&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}&form%5Bgoods_from%5D={index_page_sale_goods.GOODS_FROM}&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="Добавить «{index_page_sale_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="Убрать из избранного" title="Убрать «{index_page_sale_goods.NAME}» из избранного" href="{FAVORITES_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&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="Добавить «{index_page_sale_goods.NAME}» в избранное" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из избранного" data-add-tooltip="В Избранное" data-del-tooltip="Убрать из избранного" data-tooltip="В Избранное" title="Добавить «{index_page_sale_goods.NAME}» в избранное" href="{FAVORITES_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&return_to={CURRENT_URL | urlencode}" href="{FAVORITES_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&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="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами" 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="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами" href="{COMPARE_DELETE_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&from={index_page_sale_goods.GOODS_FROM}&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="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами" data-action-delete-title="Убрать «{index_page_sale_goods.NAME}» из списка сравнения с другими товарами" 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="Добавить «{index_page_sale_goods.NAME}» в список сравнения с другими товарами" href="{COMPARE_ADD_URL}?id={index_page_sale_goods.MIN_PRICE_NOW_ID}&from={index_page_sale_goods.GOODS_FROM}&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="Быстрый просмотр «{index_page_sale_goods.NAME}»" 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>