Изменить Количество Выводимых В Каталоге Товаров
#1
Отправлено 15 Январь 2018 - 13:34
Уважаемые модераторы, можно ли увеличить лимит количества выводимых товаров в каталоге до 300?
Сейчас стандартный максимальный вывод идет по 100 едениц на страницу, но это иногда очень мешает людям, просматривающим каталог.
Есть категория посетителей, которые торопятся и никак не видят имеющиеся следующие страницы, в итоге не просматривают товары находящиеся на них, несмотря на то, что постарался максимально увеличить иконки перехода...
Будет очень здорово если это все-таки возможно.
SL-416251
#2
Отправлено 17 Январь 2018 - 06:42
Лимит можно увеличить только в разделе Настройки - Основные. Можно в принципе убрать постраничную навигацию и сделать автоматическую подгрузку товаров при скролле. Такой вариант вас устроит?
#3
Отправлено 17 Январь 2018 - 09:48
Vaccina (17 Январь 2018 - 06:42) писал:
Лимит можно увеличить только в разделе Настройки - Основные. Можно в принципе убрать постраничную навигацию и сделать автоматическую подгрузку товаров при скролле. Такой вариант вас устроит?
Да, это было бы хорошо. Можно такое сделать?
#4
Отправлено 22 Январь 2018 - 08:28
Вопрос актуален.
#5
Отправлено 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
Отправлено 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'); } } ); });
Добрый день!
После внесения изменений на сайте возникла ошибка
Ну и на главной странице все "сбилось".
В каталоге же постраничная бесконечная прокрутка никак не проявилась...
P.S. строки в скрипте main.js и в товарах пока закомментировал.
#7
Отправлено 24 Январь 2018 - 08:45
#8
Отправлено 24 Январь 2018 - 10:42
Сообщение отредактировал Sharlex: 24 Январь 2018 - 16:55
#9
Отправлено 24 Январь 2018 - 16:12
Sharlex (23 Январь 2018 - 09:08) писал:
После внесения изменений на сайте возникла ошибка
ошибка.png
Ну и на главной странице все "сбилось".
В каталоге же постраничная бесконечная прокрутка никак не проявилась...
P.S. строки в скрипте main.js и в товарах пока закомментировал.
<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
Отправлено 24 Январь 2018 - 16:34
Но, теперь другая проблема возникла)) В каталоге есть изображения категорий, при скролле, помимо товаров на следующих страницах, подтягиваются также и изображения товарных категорий.
Можно ли этого избежать? Чтобы выводились только сами товары?
Если нет, то как можно убрать изображения этих категорий?
P.S. Временно закомментировал изменения в файле Товары. Остальные изменения внес.
Темы с аналогичным тегами каталог, вывод товара, количество товара на странице
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных