Здравствуйте, помогите сделать список сопутствующего товара без слайдера, а сразу всё , друг за другом плиткой. во вложении пример.
1.но нужно оставить слайдер -
Покупатели, которые просматривали этот товар, также купили:
2. и нужно что бы на слайдер с сопутствующим товаром остался на мобильной версии.
это возможно?
Спасибо
1
Список Сопутствующего Товара Без Слайдера, А Сразу Всё - "плиткой"
Автор Антон 5554, 05 марта 2019 15:44
Сообщений в теме: 2
#1
Отправлено 05 Март 2019 - 15:44
#2
Отправлено 06 Март 2019 - 03:27
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Сопутствующие товары jQuery(function($) { var carouselU = $('.related-goods .products-grid'); carouselU.owlCarousel({ items: 6, pagination: true, itemsScaleUp : true, slideSpeed : 800, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('.related-goods .navigation').show(); }else{ $('.related-goods .navigation').hide(); } } }); jQuery('.related-goods .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('.related-goods .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); });
замените на:
// Сопутствующие товары jQuery(function($) { var carouselU = $('.related-goods .products-grid'); if(getClientWidth() < 767){ carouselU.owlCarousel({ items: 6, pagination: true, itemsScaleUp : true, slideSpeed : 800, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('.related-goods .navigation').show(); }else{ $('.related-goods .navigation').hide(); } } }); jQuery('.related-goods .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('.related-goods .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); } else { $('.related-goods .navigation').hide(); } });
далее зайдите в main.css - найдите:
.box-up-sell .up-sell-products .item.show-addtocart {padding: 0 15px;margin: 5px auto 0 auto;max-width:270px;}
замените на:
.box-up-sell .up-sell-products .item.show-addtocart {padding: 0 15px;margin: 5px auto 0 auto;max-width:270px;float: left;}
#3
Отправлено 06 Март 2019 - 10:34
Vaccina (06 Март 2019 - 03:27) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
замените на:
далее зайдите в main.css - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Сопутствующие товары jQuery(function($) { var carouselU = $('.related-goods .products-grid'); carouselU.owlCarousel({ items: 6, pagination: true, itemsScaleUp : true, slideSpeed : 800, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('.related-goods .navigation').show(); }else{ $('.related-goods .navigation').hide(); } } }); jQuery('.related-goods .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('.related-goods .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); });
замените на:
// Сопутствующие товары jQuery(function($) { var carouselU = $('.related-goods .products-grid'); if(getClientWidth() < 767){ carouselU.owlCarousel({ items: 6, pagination: true, itemsScaleUp : true, slideSpeed : 800, autoPlay: false, addClassActive: true, autoHeight: true, afterAction: function (e) { if(this.$owlItems.length > this.options.items){ $('.related-goods .navigation').show(); }else{ $('.related-goods .navigation').hide(); } } }); jQuery('.related-goods .navigation .prev').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.prev'); }); jQuery('.related-goods .navigation .next').on('click', function(e){ e.preventDefault(); carouselU.trigger('owl.next'); }); } else { $('.related-goods .navigation').hide(); } });
далее зайдите в main.css - найдите:
.box-up-sell .up-sell-products .item.show-addtocart {padding: 0 15px;margin: 5px auto 0 auto;max-width:270px;}
замените на:
.box-up-sell .up-sell-products .item.show-addtocart {padding: 0 15px;margin: 5px auto 0 auto;max-width:270px;float: left;}
Благодарю!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных