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


Краткое Описание Товара На Сайте


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

#141 Ирина345

Ирина345

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

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

Отправлено 17 Февраль 2017 - 10:13

Просмотр сообщенияozzi (17 Февраль 2017 - 07:17) писал:

Добрый день!
Когда захожу в каталог (кнопка в верхнем меню) то сразу загружаются все позиции в каталоге, и пока они не загрузятся проходит секунд 10. Хотелось бы сделать вывод позиций порциями (т.е. сделать выбор количества отображения товара на странице). Аккаунт: SL-349691
Для примера что я хочу показано на прилагаемом рисунке с моего второго магазина
Здравствуйте, на сайте 349691 установлен бесконечный скрол, который подгружает все товары на одну страницу.
Поэтому Вы не видите блок "Показать по:", как на примере.
Что бы отключить бесконечный скрол, найдите в файле main.js код
$(function(){
 
  var $container = $('.product-list, .product-list2');
  var lastPage = 1;
  // Скрываем навигацию по умолчанию
  $('.pagination').hide();[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]  $container.infinitescroll({
	navSelector  : '.infinitescroll-pages',	// класс элемента постраничной навигации для бесконечного скрола
	nextSelector : '.infinitescroll-pages b + a',  // класс элемента постраничной навигации, ссылка на следующую страницу
	itemSelector : '.goods-block, .category-info',	 // класс элементов, которые будем извлекать
	loading: {
	  msgText: 'Пожалуйста подождите...',
	  finishedMsg: 'Больше нет товаров.',
	  img: zoomloaderPath ? zoomloaderPath : '/zoomloader.gif'
	}
	}, function(newElements) {
	  var $newElems = $( newElements ).css({ opacity: 0 });
	  $newElems.imagesLoaded(function(){
		$newElems.animate({ opacity: 1 });
		$container.masonry( 'appended', $newElems, true );
	  });
$(function(){
$('.select_mod').change(function(){
var modInf = $(this).closest('.change').find('.mod_inf').hide(),
								 active = modInf.filter('.' + $(this).val());
							   
if(active.length){
active.show();
return;
}
modInf.first().show();
}).trigger('change');
});	 
	 
	  lastPage++;
	  // если это последняя страница, завершаем работу
	  if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
		$container.infinitescroll('pause');
	  }
	}
  );[/font][/color]
[color=#282828][font=helvetica, arial, sans-serif]});


замените на
$(function(){
 
//   var $container = $('.product-list, .product-list2');
//   var lastPage = 1;
//   // Скрываем навигацию по умолчанию
//   $('.pagination').hide();
//   $container.infinitescroll({
//	 navSelector  : '.infinitescroll-pages',	// класс элемента постраничной навигации для бесконечного скрола
//	 nextSelector : '.infinitescroll-pages b + a',  // класс элемента постраничной навигации, ссылка на следующую страницу
//	 itemSelector : '.goods-block, .category-info',	 // класс элементов, которые будем извлекать
//	 loading: {
//	   msgText: 'Пожалуйста подождите...',
//	   finishedMsg: 'Больше нет товаров.',
//	   img: zoomloaderPath ? zoomloaderPath : '/zoomloader.gif'
//	 }
//	 }, function(newElements) {
//	   var $newElems = $( newElements ).css({ opacity: 0 });
//	   $newElems.imagesLoaded(function(){
//		 $newElems.animate({ opacity: 1 });
//		 $container.masonry( 'appended', $newElems, true );
//	   });
// $(function(){
// $('.select_mod').change(function(){
// var modInf = $(this).closest('.change').find('.mod_inf').hide(),
//								 active = modInf.filter('.' + $(this).val());
							   
// if(active.length){
// active.show();
// return;
// }
// modInf.first().show();
// }).trigger('change');
// });	 
	 
//	   lastPage++;
//	   // если это последняя страница, завершаем работу
//	   if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
//		 $container.infinitescroll('pause');
//	   }
//	 }
//   );
// });


#142 ozzi

ozzi

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

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

Отправлено 17 Февраль 2017 - 21:13

Все не так как хотел, да и не работает инструкция которая выше. Посмотрите пожалуйста как реализован вывод товара при нажатии на кнопку  КАТАЛОГ в Аккаунте:SL-110953. Ну и так же это надо  реализовать в Аккаунт: SL-349691

#143 Ирина345

Ирина345

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

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

Отправлено 20 Февраль 2017 - 10:21

Просмотр сообщенияozzi (17 Февраль 2017 - 21:13) писал:

Все не так как хотел, да и не работает инструкция которая выше. Посмотрите пожалуйста как реализован вывод товара при нажатии на кнопку  КАТАЛОГ в Аккаунте:SL-110953. Ну и так же это надо  реализовать в Аккаунт: SL-349691
Здравствуйте, Найдите в файле main.js код
$(function(){
 
  var $container = $('.product-list, .product-list2');
  var lastPage = 1;
  // Скрываем навигацию по умолчанию
  $('.pagination').hide();
  $container.infinitescroll({
	navSelector  : '.infinitescroll-pages',	// класс элемента постраничной навигации для бесконечного скрола
	nextSelector : '.infinitescroll-pages b + a',  // класс элемента постраничной навигации, ссылка на следующую страницу
	itemSelector : '.goods-block, .category-info',	 // класс элементов, которые будем извлекать
	loading: {
	  msgText: 'Пожалуйста подождите...',
	  finishedMsg: 'Больше нет товаров.',
	  img: zoomloaderPath ? zoomloaderPath : '/zoomloader.gif'
	}
	}, function(newElements) {
	  var $newElems = $( newElements ).css({ opacity: 0 });
	  $newElems.imagesLoaded(function(){
		$newElems.animate({ opacity: 1 });
		$container.masonry( 'appended', $newElems, true );
	  });
$(function(){
$('.select_mod').change(function(){
var modInf = $(this).closest('.change').find('.mod_inf').hide(),
								 active = modInf.filter('.' + $(this).val());
							   
if(active.length){
active.show();
return;
}
modInf.first().show();
}).trigger('change');
});	 
	 
	  lastPage++;
	  // если это последняя страница, завершаем работу
	  if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
		$container.infinitescroll('pause');
	  }
	}
  );
});
замените на

$('.pagination').show();
// $(function(){
 
//   var $container = $('.product-list, .product-list2');
//   var lastPage = 1;
//   // Скрываем навигацию по умолчанию
//   $('.pagination').hide();
//   $container.infinitescroll({
//	 navSelector  : '.infinitescroll-pages',	// класс элемента постраничной навигации для бесконечного скрола
//	 nextSelector : '.infinitescroll-pages b + a',  // класс элемента постраничной навигации, ссылка на следующую страницу
//	 itemSelector : '.goods-block, .category-info',	 // класс элементов, которые будем извлекать
//	 loading: {
//	   msgText: 'Пожалуйста подождите...',
//	   finishedMsg: 'Больше нет товаров.',
//	   img: zoomloaderPath ? zoomloaderPath : '/zoomloader.gif'
//	 }
//	 }, function(newElements) {
//	   var $newElems = $( newElements ).css({ opacity: 0 });
//	   $newElems.imagesLoaded(function(){
//		 $newElems.animate({ opacity: 1 });
//		 $container.masonry( 'appended', $newElems, true );
//	   });
// $(function(){
// $('.select_mod').change(function(){
// var modInf = $(this).closest('.change').find('.mod_inf').hide(),
//								 active = modInf.filter('.' + $(this).val());
							   
// if(active.length){
// active.show();
// return;
// }
// modInf.first().show();
// }).trigger('change');
// });	 
	 
//	   lastPage++;
//	   // если это последняя страница, завершаем работу
//	   if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
//		 $container.infinitescroll('pause');
//	   }
//	 }
//   );
// });

далее в шаблоне Товары найдите
<!-- Страницы -->
		  {% IF show_pages %}
			<div class="pagination">
			  <div class="links">
				{% FOR goods_pages %}
				  {% IF goods_pages.CURRENT %}
					<b>{goods_pages.PAGE}</b>
				  {% ELSE %}
					<a href="{GOODS_PAGINATE_URL | url_amp}&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
				  {% ENDIF %}
				{% ENDFOR %}
			  </div>
			</div>
		  {% ENDIF %}
		  <!-- /Страницы -->

и перенесите данный код после строк
   <!-- /Нижний блок, изменяющий отображение данных выдачи товаров -->
  {% ENDIF %}
  <!-- /Для полного отображения страницы товаров оторазим элементы навигации и обёрточные блоки -->
 
{% ENDIF %} 

далее в разделе Настройки-Основные и поставьте в поле "Шаг для выбора пользователем лимита выдачи товаров на страницу от 1 до 100" 10




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

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