Как сделать кнопку «Показать еще»?

Question

[Роман]

Стоит задача сделать кнопку при которой будут выводится новые товары в списке без перезагрузки страницы. Есть идеи по реализации?)

Comments

[xzdshr]

В одном из стандартных шаблонов пагинация как раз и сделана через показать еще.

Answer 1

[Алексей Емельянов]

1. создаёте пустой шаблон, который будет применяться к сайту если в параметрах есть ajax_call=Y
2. Добавляете кнопку "подгрузить ещё" на клик по ней вешаете обработчик, который берёт из ссылок пагинации, следующую и берёт содержимое параметра href.
3. к полученной ссылке добавляет &ajax_call=Y и по этому адресу делает аяксный запрос, результат добавляет в контейнер с товарами.

Comments

[Роман]

У меня есть фильтр на странице, и когда я перехожу по ссылке пагинации с включенным ajax, js который к фильтру применяется перестаёт работать. Не знаете почему?

[Роман]

Я посмотрел, что ajax-запрос берет не только мои товары для вывода, но и сам фильтр тоже в одном запросе.

[Алексей Емельянов]

Роман Комарницкий,

ajax-запрос берет не только мои товары для вывода, но и сам фильтр тоже в одном запросе

в смысле в возвращаемом результате? Там в шаблоне каталога добавить очистку буферизации при наличии ajax_call=Y что бы в вывод для аяксного запроса не попадал фильтр

[Роман]

Спасибо, разобрался)

Answer 2

[Евгений]

как-то так

<button onclick="показатьеще()">показать еще</button>

1. сделать проверку на то, что есть еще страницы
2. создать кнопки\ссылки с адресом до следующей страницы
3. отправить ajax запрос на сервер
4. обработать на сервере запрос, вернуть ответ
5. вывести ответ на сайт
6. при необходимости повторить сначала

для клиентской стороны можно воспользоваться этим: https://infinite-scroll.com/