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


Всего По Не Многу В Шаблоне Рассвет


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

#21 МАКСИМ К

МАКСИМ К

    Пользователь

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

Отправлено 14 Сентябрь 2018 - 13:59

Просмотр сообщенияRayLi (14 Сентябрь 2018 - 11:41) писал:

Здравствуйте.
Для этого Вам необходимо в бэк-офисе Вашего интернет-магазина зайти в раздел: "Товары" -> "Товары" и там, в блоке: "Особые разделы" добавить товары в такие категории как: "Хиты продаж" , "Новинки", "Товары на главой" и т.д.
)) Спасибо . Но я имел ввиду другое . Мне  нужно чтоб товары в этих категориях менялись как в шаблоне Туризм .

#22 Vaccina

Vaccina

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

  • Модераторы
  • 23 788 сообщений

Отправлено 15 Сентябрь 2018 - 07:55

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Переключение между Товарами на главной
jQuery(document).ready(function($){
  (function(element){
	$element = $(element);
		itemNav = $('.item-nav',$element);
		itemContent = $('.pdt-content',$element);
		itemNav.click(function(){
			var $this = $(this);
			if($this.hasClass('active')) return false;
			itemNav.removeClass('active');
			$this.addClass('active');
			var itemActive = '.'+$this.attr('data-href');
			itemContent.removeClass('active');
			$(itemActive, $element).addClass('active');
		});
	})('#producttabs');
});

после него вставьте:
// Товары на главной
jQuery(function($) {
  var carouselU = $('.pdt-sale .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,2],
	  itemsMobile: [481,2],
	  responsive: true,
	  responsiveRefreshRate : 200,
	  responsiveBaseWidth: window,
	  lazyLoad: true,
	  pagination: false,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: false,
	  mouseDrag: false,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: false,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.pdt-sale .navigation').show();
		}else{
		  $('.pdt-sale .navigation').hide();
		  $('.pdt-sale .owl-carousel .owl-item').css("max-width", "300px");
		}
	  }
	});
  jQuery('.pdt-sale .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('.pdt-sale .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});

// Новинки
jQuery(function($) {
  var carouselU = $('.pdt-new .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,2],
	  itemsMobile: [481,2],
	  responsive: true,
	  responsiveRefreshRate : 200,
	  responsiveBaseWidth: window,
	  lazyLoad: true,
	  pagination: false,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: false,
	  mouseDrag: false,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: false,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.pdt-new .navigation').show();
		}else{
		  $('.pdt-new .navigation').hide();
		  $('.pdt-new .owl-carousel .owl-item').css("max-width", "300px");
		}
	  }
	});
  jQuery('.pdt-new .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('.pdt-new .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});

// Хиты продаж
jQuery(function($) {
  var carouselU = $('.pdt-best .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,2],
	  itemsMobile: [481,2],
	  responsive: true,
	  responsiveRefreshRate : 200,
	  responsiveBaseWidth: window,
	  lazyLoad: true,
	  pagination: false,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: false,
	  mouseDrag: false,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: false,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.pdt-best .navigation').show();
		}else{
		  $('.pdt-best .navigation').hide();
		  $('.pdt-best .owl-carousel .owl-item').css("max-width", "300px");
		}
	  }
	});
  jQuery('.pdt-best .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('.pdt-best .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});


#23 МАКСИМ К

МАКСИМ К

    Пользователь

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

Отправлено 15 Сентябрь 2018 - 15:10

Просмотр сообщенияVaccina (15 Сентябрь 2018 - 07:55) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Переключение между Товарами на главной
jQuery(document).ready(function($){
(function(element){
$element = $(element);
itemNav = $('.item-nav',$element);
itemContent = $('.pdt-content',$element);
itemNav.click(function(){
var $this = $(this);
if($this.hasClass('active')) return false;
itemNav.removeClass('active');
$this.addClass('active');
var itemActive = '.'+$this.attr('data-href');
itemContent.removeClass('active');
$(itemActive, $element).addClass('active');
});
})('#producttabs');
});

после него вставьте:
// Товары на главной
jQuery(function($) {
var carouselU = $('.pdt-sale .products-grid');
carouselU.owlCarousel({
	 items: 4,
	 itemsDesktop: [1199,3],
	 itemsDesktopSmall: [991,2],
	 itemsTablet: [767,2],
	 itemsTabletSmall: [641,2],
	 itemsMobile: [481,2],
	 responsive: true,
	 responsiveRefreshRate : 200,
	 responsiveBaseWidth: window,
	 lazyLoad: true,
	 pagination: false,
	 itemsScaleUp: true,
	 slideSpeed: 800,
	 stopOnHover: true,
	 touchDrag: false,
	 mouseDrag: false,
	 autoPlay: false,
	 addClassActive: true,
	 autoHeight: false,
	 afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
		 $('.pdt-sale .navigation').show();
	 }else{
		 $('.pdt-sale .navigation').hide();
		 $('.pdt-sale .owl-carousel .owl-item').css("max-width", "300px");
	 }
	 }
});
jQuery('.pdt-sale .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.pdt-sale .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});

// Новинки
jQuery(function($) {
var carouselU = $('.pdt-new .products-grid');
carouselU.owlCarousel({
	 items: 4,
	 itemsDesktop: [1199,3],
	 itemsDesktopSmall: [991,2],
	 itemsTablet: [767,2],
	 itemsTabletSmall: [641,2],
	 itemsMobile: [481,2],
	 responsive: true,
	 responsiveRefreshRate : 200,
	 responsiveBaseWidth: window,
	 lazyLoad: true,
	 pagination: false,
	 itemsScaleUp: true,
	 slideSpeed: 800,
	 stopOnHover: true,
	 touchDrag: false,
	 mouseDrag: false,
	 autoPlay: false,
	 addClassActive: true,
	 autoHeight: false,
	 afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
		 $('.pdt-new .navigation').show();
	 }else{
		 $('.pdt-new .navigation').hide();
		 $('.pdt-new .owl-carousel .owl-item').css("max-width", "300px");
	 }
	 }
});
jQuery('.pdt-new .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.pdt-new .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});

// Хиты продаж
jQuery(function($) {
var carouselU = $('.pdt-best .products-grid');
carouselU.owlCarousel({
	 items: 4,
	 itemsDesktop: [1199,3],
	 itemsDesktopSmall: [991,2],
	 itemsTablet: [767,2],
	 itemsTabletSmall: [641,2],
	 itemsMobile: [481,2],
	 responsive: true,
	 responsiveRefreshRate : 200,
	 responsiveBaseWidth: window,
	 lazyLoad: true,
	 pagination: false,
	 itemsScaleUp: true,
	 slideSpeed: 800,
	 stopOnHover: true,
	 touchDrag: false,
	 mouseDrag: false,
	 autoPlay: false,
	 addClassActive: true,
	 autoHeight: false,
	 afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
		 $('.pdt-best .navigation').show();
	 }else{
		 $('.pdt-best .navigation').hide();
		 $('.pdt-best .owl-carousel .owl-item').css("max-width", "300px");
	 }
	 }
});
jQuery('.pdt-best .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.pdt-best .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});
Здравствуйте . Изменения произвел.Ни чего не поменялось.  Теперь если я закидываю больше товаров то они вообще не отображаются на главной то есть остались те же самые 4 товара что были ранее и карусели нет . . Мало того в мобильной версии в разделе Новинки не полностью влезает кнопка Добавить в Корзину .  Все вернул через бэкап .

#24 МАКСИМ К

МАКСИМ К

    Пользователь

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

Отправлено 12 Октябрь 2018 - 12:54

Просмотр сообщенияVaccina (15 Сентябрь 2018 - 07:55) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Переключение между Товарами на главной
jQuery(document).ready(function($){
  (function(element){
	$element = $(element);
		itemNav = $('.item-nav',$element);
		itemContent = $('.pdt-content',$element);
		itemNav.click(function(){
			var $this = $(this);
			if($this.hasClass('active')) return false;
			itemNav.removeClass('active');
			$this.addClass('active');
			var itemActive = '.'+$this.attr('data-href');
			itemContent.removeClass('active');
			$(itemActive, $element).addClass('active');
		});
	})('#producttabs');
});

после него вставьте:
// Товары на главной
jQuery(function($) {
  var carouselU = $('.pdt-sale .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,2],
	  itemsMobile: [481,2],
	  responsive: true,
	  responsiveRefreshRate : 200,
	  responsiveBaseWidth: window,
	  lazyLoad: true,
	  pagination: false,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: false,
	  mouseDrag: false,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: false,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.pdt-sale .navigation').show();
		}else{
		  $('.pdt-sale .navigation').hide();
		  $('.pdt-sale .owl-carousel .owl-item').css("max-width", "300px");
		}
	  }
	});
  jQuery('.pdt-sale .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('.pdt-sale .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});

// Новинки
jQuery(function($) {
  var carouselU = $('.pdt-new .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,2],
	  itemsMobile: [481,2],
	  responsive: true,
	  responsiveRefreshRate : 200,
	  responsiveBaseWidth: window,
	  lazyLoad: true,
	  pagination: false,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: false,
	  mouseDrag: false,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: false,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.pdt-new .navigation').show();
		}else{
		  $('.pdt-new .navigation').hide();
		  $('.pdt-new .owl-carousel .owl-item').css("max-width", "300px");
		}
	  }
	});
  jQuery('.pdt-new .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('.pdt-new .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});

// Хиты продаж
jQuery(function($) {
  var carouselU = $('.pdt-best .products-grid');
	carouselU.owlCarousel({
	  items: 4,
	  itemsDesktop: [1199,3],
	  itemsDesktopSmall: [991,2],
	  itemsTablet: [767,2],
	  itemsTabletSmall: [641,2],
	  itemsMobile: [481,2],
	  responsive: true,
	  responsiveRefreshRate : 200,
	  responsiveBaseWidth: window,
	  lazyLoad: true,
	  pagination: false,
	  itemsScaleUp: true,
	  slideSpeed: 800,
	  stopOnHover: true,
	  touchDrag: false,
	  mouseDrag: false,
	  autoPlay: false,
	  addClassActive: true,
	  autoHeight: false,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  $('.pdt-best .navigation').show();
		}else{
		  $('.pdt-best .navigation').hide();
		  $('.pdt-best .owl-carousel .owl-item').css("max-width", "300px");
		}
	  }
	});
  jQuery('.pdt-best .navigation .prev').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.prev');
  });
  jQuery('.pdt-best .navigation .next').on('click', function(e){
	e.preventDefault();
	carouselU.trigger('owl.next');
  });
});
Здравствуйте. Просьба помочь сделать товары на главной каруселью остается актуальной .  Заранее спасибо.




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

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