{%ENDFOR%}<!--ENDFOR index_page_favorites_goods--> </div><!--END carousel--> {%ENDIF%}<!-- END IFNOT index_page_favorites_goods_empty--> </div>
после него вставьте:
<div class="mainPageGoods"> {% IFNOT index_page_sale_goods_empty %} <div class="iphwrp"><h2 class="indexPageHeader"><span>Распродажа</span></h2></div> <div class="customNavigation"> <a class="btn prev4"><span class="icon-arrow-left"></span></a> <a class="btn next4"><span class="icon-arrow-right"></span></a> </div> <div id="owl-demo4" class="owl-carousel owl-theme"> {% FOR index_page_sale_goods %} <div class="item"> <div class="mainnewitem proditem"> <div class="nameWrp"><div class="name"><a class="hover-f" title="{index_page_sale_goods.NAME}" href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}" style="*height:;">{index_page_sale_goods.NAME}</a></div></div> <div class="textc image goods-cat-image-medium-square mainpage"><a title="{index_page_sale_goods.NAME}" href="{index_page_sale_goods.URL_MIN_PRICE_NOW | url_amp}"><img class="goods-cat-image-medium" src="{% IF index_page_sale_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=chocolate{% ELSE %}{index_page_sale_goods.IMAGE_MEDIUM}{% ENDIF %}" alt=""></a></div> <div class="price"> <div class="price-new">{index_page_sale_goods.MIN_PRICE_NOW | money_format}</div> {% IF index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_sale_goods.MIN_PRICE_NOW %} <div class="price-old" style="display:none;">{index_page_sale_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</div> {% ELSEIF index_page_sale_goods.MIN_PRICE_OLD>index_page_sale_goods.MIN_PRICE_NOW %} <div class="price-old" style="display:none;">{index_page_sale_goods.MIN_PRICE_OLD | money_format}</div> {% ENDIF %} </div> <div class="prod_hover"> <div class="addcartbutton"> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListItemCatalogueAddToCartButton product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}"> <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}" /> <a class="addToCart" {%IF index_page_sale_goods.MIN_REST_VALUE > 0%}onclick="quickorder('.product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}');return false;" {%ENDIF%} {%IF index_page_sale_goods.MIN_REST_VALUE > 0%} title="Быстро оформить заказ"{%ELSE%}title="Товара нет в наличии"{%ENDIF%}>{%IF index_page_sale_goods.MIN_REST_VALUE > 0%}<span class="icon-cart3"></span> Купить{%ELSE%}Нет в наличии{%ENDIF%}</a> <!--a class="add_to_cart_small" onclick="$('.product-form-{index_page_sale_goods.MIN_PRICE_NOW_ID}').attr('rel', 'quick').submit();return false;" title="Быстро оформить заказ">Добавить в корзину</a--> </form> </div><!--END addcartbutton--> </div> </div><!--END Proditem--> </div><!--END Item--> {%ENDFOR%}<!--ENDFOR index_page_sale_goods--> </div><!--END carousel--> {%ENDIF%}<!-- END IFNOT index_page_sale_goods_empty--> </div>
далее зайдите в Редактор шаблонов-->main.js и найдите:
$(".owl-item").hover(function(){ owl.trigger('owl.stop');},function(){owl.trigger('owl.play',10000); }) }); /*END карусель хитов продаж*/
после него вставьте:
/*карусель распродаж*/ $(document).ready(function() { var scrolls = getClientSize(); var owl = $("#owl-demo4"); owl.owlCarousel({ items : 4, //10 items above 1000px browser width itemsDesktop : [1200,3], //4 items between 1650px and 901px itemsDesktopSmall : [905,2], // betweem 1250px and 601px itemsTablet: [580,1], //1 items between 600 and 0 itemsMobile : false, // itemsMobile disabled - inherit from itemsTablet option scrollPerPage: true }); // Custom Navigation Events $(document).ready(function(){ owl.trigger('owl.play',10000); }); $(".next4").click(function(){ owl.trigger('owl.next'); }) $(".prev4").click(function(){ owl.trigger('owl.prev'); }) $(".owl-item").hover(function(){ owl.trigger('owl.stop');},function(){owl.trigger('owl.play',10000); }) }); /*END карусель хитов продаж*/