Сообщений в теме: 2

[Антон 5554]

Здравствуйте, помогите сделать список сопутствующего товара без слайдера, а сразу всё , друг за другом плиткой. во вложении пример.

1.но нужно оставить слайдер -
Покупатели, которые просматривали этот товар, также купили:

2. и нужно что бы на слайдер с сопутствующим товаром остался на мобильной версии.
это возможно?

Спасибо

Прикрепленные изображения

• 
• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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;}

[Антон 5554]

Vaccina (06 Март 2019 - 03:27) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - 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;}

Благодарю!