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


Изменить Количество Выводимых В Каталоге Товаров

каталог вывод товара количество товара на странице

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

#1 Sharlex

Sharlex

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

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

Отправлено 15 Январь 2018 - 13:34

Добрый день!

Уважаемые модераторы, можно ли увеличить лимит количества выводимых товаров в каталоге до 300?

Сейчас стандартный максимальный вывод идет по 100 едениц на страницу, но это иногда очень мешает людям, просматривающим каталог.
Есть категория посетителей, которые торопятся и никак не видят имеющиеся следующие страницы, в итоге не просматривают товары находящиеся на них, несмотря на то, что постарался максимально увеличить иконки перехода...

Будет очень здорово если это все-таки возможно.


SL-416251

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Январь 2018 - 06:42

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

Лимит можно увеличить только в разделе Настройки - Основные. Можно в принципе убрать постраничную навигацию и сделать автоматическую подгрузку товаров при скролле. Такой вариант вас устроит?

#3 Sharlex

Sharlex

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

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

Отправлено 17 Январь 2018 - 09:48

Просмотр сообщенияVaccina (17 Январь 2018 - 06:42) писал:

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

Лимит можно увеличить только в разделе Настройки - Основные. Можно в принципе убрать постраничную навигацию и сделать автоматическую подгрузку товаров при скролле. Такой вариант вас устроит?

Да, это было бы хорошо. Можно такое сделать?

#4 Sharlex

Sharlex

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

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

Отправлено 22 Январь 2018 - 08:28

Хорошей и легкой недели уважаемые модераторы!

Вопрос актуален.

#5 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 23 Январь 2018 - 08:56

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<!-- Страницы -->
		  {% IF show_pages %}
		  <div class="pages">
			<ol>
			  {% IF GOODS_PAGES_SHOW_FIRST %}
			  <li class="first"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_FIRST}" title="Первая страница"><i class="fa fa-angle-double-left"></i></a></li>
			  <li class="prev"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница">{GOODS_PAGES_PREVIOUS}</a></li>
			  {% ENDIF %}
			  <li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
			  {% IF GOODS_PAGES_SHOW_LAST %}
			  <li class="next"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li>
			  <li class="last"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="fa fa-angle-double-right"></i></a></li>
			  {% ENDIF %}
			</ol>
		  </div>
		  {% ENDIF %}
		  <!-- /END Страницы -->
          
замените на:
<!-- Ссылки постраничной навигации для бесконечного скролла -->
  <div style="display: none;" class="infinitescroll-pages">
		{% FOR goods_pages %}
		  {% IF goods_pages.CURRENT %}
				<b>{goods_pages.PAGE}</b>
		  {% ELSE %}
				<a href="{GOODS_PAGINATE_URL | url_amp}&only_body=1&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
		  {% ENDIF %}
		{% ENDFOR %}
  </div>
  <!-- /Ссылки постраничной навигации для бесконечного скролла -->
 
  <!-- Запоминаем сколько всего есть страниц в каталоге -->
  <script type="text/javascript">var infiniteScrollLastPage = "{GOODS_PAGES_LAST}";</script>


В конце шаблона main.js вставьте:
$(function(){
 
  var $container = $('.products-grid, .product-list');
  var lastPage = 1;
  // Скрываем навигацию по умолчанию
  $('.pagination').hide();
  $container.infinitescroll({
		navSelector  : '.infinitescroll-pages', // класс элемента постраничной навигации для бесконечного скрола
		nextSelector : '.infinitescroll-pages b + a',  // класс элемента постраничной навигации, ссылка на следующую страницу
		itemSelector : '.item',	 // класс элементов, которые будем извлекать
		loading: {
		  msgText: 'Пожалуйста подождите...',
		  finishedMsg: 'Больше нет товаров.'
		}
		}, function(newElements) {
		  var $newElems = $( newElements ).css({ opacity: 0 });
		  $newElems.imagesLoaded(function(){
				$newElems.animate({ opacity: 1 });
				$container.masonry( 'appended', $newElems, true );
		  });
		  lastPage++;
		  // если это последняя страница, завершаем работу
		  if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
				$container.infinitescroll('pause');
		  }
		}
  );
});


#6 Sharlex

Sharlex

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

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

Отправлено 23 Январь 2018 - 09:08

Просмотр сообщенияVaccina (23 Январь 2018 - 08:56) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - Товары - найдите:
<!-- Страницы -->
		 {% IF show_pages %}
		 <div class="pages">
		 <ol>
			 {% IF GOODS_PAGES_SHOW_FIRST %}
			 <li class="first"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_FIRST}" title="Первая страница"><i class="fa fa-angle-double-left"></i></a></li>
			 <li class="prev"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_PREVIOUS}" title="Предыдущая страница">{GOODS_PAGES_PREVIOUS}</a></li>
			 {% ENDIF %}
			 <li class="current"><span>{GOODS_PAGES_CURRENT}</span></li>
			 {% IF GOODS_PAGES_SHOW_LAST %}
			 <li class="next"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_NEXT}" title="Следующая страница">{GOODS_PAGES_NEXT}</a></li>
			 <li class="last"><a href="{GOODS_PAGINATE_URL | url_amp}&page={GOODS_PAGES_LAST}" title="Последняя страница"><i class="fa fa-angle-double-right"></i></a></li>
			 {% ENDIF %}
		 </ol>
		 </div>
		 {% ENDIF %}
		 <!-- /END Страницы -->
  
замените на:
<!-- Ссылки постраничной навигации для бесконечного скролла -->
<div style="display: none;" class="infinitescroll-pages">
	 {% FOR goods_pages %}
		 {% IF goods_pages.CURRENT %}
			 <b>{goods_pages.PAGE}</b>
		 {% ELSE %}
			 <a href="{GOODS_PAGINATE_URL | url_amp}&only_body=1&page={goods_pages.PAGE}">{goods_pages.PAGE}</a>
		 {% ENDIF %}
	 {% ENDFOR %}
</div>
<!-- /Ссылки постраничной навигации для бесконечного скролла -->

<!-- Запоминаем сколько всего есть страниц в каталоге -->
<script type="text/javascript">var infiniteScrollLastPage = "{GOODS_PAGES_LAST}";</script>


В конце шаблона main.js вставьте:
$(function(){

var $container = $('.products-grid, .product-list');
var lastPage = 1;
// Скрываем навигацию по умолчанию
$('.pagination').hide();
$container.infinitescroll({
	 navSelector : '.infinitescroll-pages', // класс элемента постраничной навигации для бесконечного скрола
	 nextSelector : '.infinitescroll-pages b + a', // класс элемента постраничной навигации, ссылка на следующую страницу
	 itemSelector : '.item',	 // класс элементов, которые будем извлекать
	 loading: {
		 msgText: 'Пожалуйста подождите...',
		 finishedMsg: 'Больше нет товаров.'
	 }
	 }, function(newElements) {
		 var $newElems = $( newElements ).css({ opacity: 0 });
		 $newElems.imagesLoaded(function(){
			 $newElems.animate({ opacity: 1 });
			 $container.masonry( 'appended', $newElems, true );
		 });
		 lastPage++;
		 // если это последняя страница, завершаем работу
		 if(lastPage >= (infiniteScrollLastPage ? infiniteScrollLastPage : 1) ){
			 $container.infinitescroll('pause');
		 }
	 }
);
});

Добрый день!

После внесения изменений на сайте возникла ошибка

ошибка.png

Ну и на главной странице все "сбилось".

В каталоге же постраничная бесконечная прокрутка никак не проявилась...

P.S. строки в скрипте main.js и в товарах пока закомментировал.

#7 Sharlex

Sharlex

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

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

Отправлено 24 Январь 2018 - 08:45

Очень актуально!

#8 Sharlex

Sharlex

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

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

Отправлено 24 Январь 2018 - 10:42

Может внесли не совсем корректные изменения в скрипт для шаблона Туризм, для автоматической подгрузки товаров при скролле?

Сообщение отредактировал Sharlex: 24 Январь 2018 - 16:55


#9 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 24 Январь 2018 - 16:12

Просмотр сообщенияSharlex (23 Январь 2018 - 09:08) писал:

Добрый день!

После внесения изменений на сайте возникла ошибка

Прикрепленный файл ошибка.png

Ну и на главной странице все "сбилось".

В каталоге же постраничная бесконечная прокрутка никак не проявилась...

P.S. строки в скрипте main.js и в товарах пока закомментировал.
Здравствуйте. Ошибка у ВАс возникает из-за подключения двух файлов, которых у ВАс нет. Эти файлы подключаются в шаблоне HTML
<script type="text/javascript" src="{ASSETS_JS_PATH}owlmin.js"></script>
	 <link rel="stylesheet" href="{ASSETS_STYLES_PATH}owl.carousel.css" type="text/css" />
и это не стандартный код шаблона. Поэтому если данное подключение Вам не нужно, удалите данный код. Возможно, Вы его добавляли по какой-то инструкции.
Чтобы поправить работу бесконечного скрола в конец файла forall.js добавьте код из прикрепленного файла.

Прикрепленные файлы



#10 Sharlex

Sharlex

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

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

Отправлено 24 Январь 2018 - 16:34

Да, все получилось, спасибо большое!

Но, теперь другая проблема возникла)) В каталоге есть изображения категорий, при скролле, помимо товаров на следующих страницах, подтягиваются также и изображения товарных категорий.
Можно ли этого избежать? Чтобы выводились только сами товары?

Если нет, то как можно убрать изображения этих категорий?

10.png

P.S. Временно закомментировал изменения в файле Товары. Остальные изменения внес.





Темы с аналогичным тегами каталог, вывод товара, количество товара на странице

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

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