Ольга 94 (07 Апрель 2016 - 15:58) писал:
Юлия, еще вопрос, можно ли сделать прокрутку товаров на главной, примерно так как на скрине??
Найдите в шаблоне HTML
{% IFNOT index_page_goods_empty %}
<div class="pdt-content tab-content-actived pdt-sale">
<div class="pdt-list products-grid">
{% FOR index_page_goods %}
<div class="item col-md-3 col-sm-4 col-sms-6 col-smb-12 effect-pageLeft">
замените на
{% IFNOT index_page_goods_empty %}
<div class="sale-goods tab-content-actived pdt-content clear">
<div class="box-up-sell">
<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="up-sell-products">
<div class="pdt-list products-grid">
<!--<div class="pdt-content tab-content-actived pdt-sale">-->
<!-- <div class="pdt-list products-grid">-->
{% FOR index_page_goods %}
<div class="item effect-pageLeft">
далее найдите
{% ENDFOR %}
<div class="button-load">
<div class="loadGoods button" title="Показать все">Показать все</div>
</div>
</div>
</div>
{% ENDIF %}
{% IFNOT index_page_new_goods_empty %}
замените на
{% ENDFOR %}
</div>
</div>
</div>
</div>
{% ENDIF %}
{% IFNOT index_page_new_goods_empty %}
далее найдите
{% IFNOT index_page_goods_empty %}<li class="item-nav tab-nav-actived" data-href="pdt-sale"><span>Товары на главной</span></li>{% ENDIF %}
{% IFNOT index_page_new_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 %}tab-nav-actived{% 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 %}tab-nav-actived{% ENDIF %}" data-href="pdt-best"><span>Хиты продаж</span></li>{% ENDIF %}
замените на
{% IFNOT index_page_goods_empty %}<li class="item-nav tab-nav-actived" data-href="sale-goods"><span>Товары на главной</span></li>{% ENDIF %}
{% IFNOT index_page_new_goods_empty %}<li class="item-nav {% IF index_page_goods_empty=1 %}tab-nav-actived{% 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 %}tab-nav-actived{% ENDIF %}" data-href="pdt-best"><span>Хиты продаж</span></li>{% ENDIF %}
в конец файла main.js добавьте
jQuery(function($) {
var carouselU = $('.sale-goods .products-grid');
carouselU.owlCarousel({
items: 4,
pagination: false,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
addClassActive: true,
autoHeight: true,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('.sale-goods .navigation a').show();
}else{
$('.sale-goods .navigation a').hide();
}
}
});
jQuery('.sale-goods .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.sale-goods .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});
Ольга 94 (07 Апрель 2016 - 20:06) писал:
Со скобками все в порядке. Что стало с иконками поиск личный кабинет и корзина. Они почему скакать стали в право влево.
Если например добавить товар, потом через всплывающую форму очистить, все правые иконки скачут по горизонтали. Такого не было. Не могу понять из за каких изменений в коде стало происходить подобное...Помогите убрать пожалуйста эти скачки. Мне нужно что бы все было выровнено по основному контенту. Что бы цифра в скобках не выходила за его пределы.
А что по вопросу #16?
Спасибо за помощь
Найдите в файле main.css
.block-cart.have-items {
margin-right: 25px;
}
замените на
.block-cart.have-items {
/* margin-right: 25px; */
}
5
