Опубликовано: 8 октября 2017
Количество товаров при постраничной пагинации
Здравствуйте, уважаемые разработчики!
1. На сайте отключена ленивая загрузка и поставлен режим постраничной пагинации, но при переходе на категорию выводятся все товары, хотя должны выводится только первые 30. Посмотреть можно здесь https://quadromotors.ru/category/radioupravlyaemye...
Если выбрать "отображать по 30", то товары выводятся в нужном количестве, то есть 30.
Можете подсказать в чем причина?
2. Можно вывести кнопку "Показать еще", что бы при нажатии выводилось еще 30 товаров в категории?
Комментарии (4)
Здравствуйте!
1. такое возможно только если Вы внесли изменения в настройки параметров вебасист - например с помощью плагина либо вручную
само по себе такое не могло произойти
шаблон же выдаст все что ему переданно от вебасист
верните значение обратно - https://support.webasyst.ru/16013/kolichestvo-tova...
2. в шаблоне это реализованно при включенной ленивой загрузке на 4-й странице
Предположу, что владелец сайта quadromotors.ru хотел спросить в том числе и как вывести кнопку "Показать еще" при использовании пагинации, чтобы по клику на кнопку осуществлять переход на след. страницу, как это сделано у https://www.rukzakoff.ru/category/ryukzaki/, и как сейчас в тренде. В принципе, пользователю смартфона удобно, кликая по большой кнопке переходить по страницам. Так что присоединяюсь к этой неявной просьбе. Пытался сам, но не получилось, вот вроде чуть, чуть, а стиль скрывает или кнопку или номера страниц.
код в шаблон передается от вебасист, мы его менять не можем. можем изменить ему стили (ну и добавить текст)
в стилях пропишите
.paging-nav ul li:first-child > .inline-link:after {
content: " предыдущая";
}
.paging-nav ul li:last-child > .inline-link:before {
content: "следующая ";
}
что бы оформить кнопки
.paging-nav ul li .inline-link{
border: none;
border-radius: 4px;
display: inline-block;
height: 38px;
line-height: 38px;
font-size: 1rem;
outline: 0;
padding: 0 2rem;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
font-weight: bold;
text-align: center;
letter-spacing: .5px;
cursor: pointer;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: 0.2s ease-out;
-moz-transition: 0.2s ease-out;
-o-transition: 0.2s ease-out;
-ms-transition: 0.2s ease-out;
transition: 0.2s ease-out;
color: #fff;
background-color: #19A7CC;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
:hover{
color: #fff;
background-color: #d56b00;
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
Спасибо. Работает. Только чуть подправил
5 строку снизу
.paging-nav ul li .inline-link:hover{