Перейти к содержимому


Сопутствующий Товар Разложился В Огромный Список.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 2

#1 Антон 5554

Антон 5554

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 106 сообщений

Отправлено 08 Сентябрь 2017 - 09:24

Здравствуйте, помогите исправить код. у меня сопутствующий товар разложился в огромный список. см. ссылку http://geoidea.ru/go...C3-TI-titanovyj
Если возможно, нужно в две строки и чтобы листалось. буду очень признателен.

#2 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 08 Сентябрь 2017 - 11:40

Просмотр сообщенияАнтон 5554 (08 Сентябрь 2017 - 09:24) писал:

Здравствуйте, помогите исправить код. у меня сопутствующий товар разложился в огромный список. см. ссылку http://geoidea.ru/go...C3-TI-titanovyj
Если возможно, нужно в две строки и чтобы листалось. буду очень признателен.
Здравствуйте, можно вывести данный блок, как и блок "С Этим товаром смотрят", для этого найдите в файле main.js код
// Сопутствующие товары
/*jQuery(function($) {
  var carouselU = $('.related-goods .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  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');
	carouselU.owlCarousel({
	  items: 4,
	  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');
  });
});

далее найдите в шаблоне Товар код
<div class="products-grid">
		  {% FOR related_goods %}
		  <div class="item show-addtocart item col-sm-4 col-sms-6 col-smb-12">
	   
замените на
<div class="products-grid">
		  {% FOR related_goods %}
		  <div class="item show-addtocart item">
	   


#3 Антон 5554

Антон 5554

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 106 сообщений

Отправлено 09 Сентябрь 2017 - 11:52

Просмотр сообщенияИрина345 (08 Сентябрь 2017 - 11:40) писал:

Здравствуйте, можно вывести данный блок, как и блок "С Этим товаром смотрят", для этого найдите в файле main.js код
// Сопутствующие товары
/*jQuery
	

О! Спасибо




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных