Tekito - Умная пагинация товаров - кнопка «Показать ещё» с SEO-пагинацией для OpenCart

Во многих интернет-магазинах возникает одна и та же проблема: если вывести в категории сразу все товары, страница становится слишком тяжёлой, медленнее загружается и хуже воспринимается пользователем. Если же просто скрывать часть товаров и подгружать их только через JavaScript, появляется другая проблема - поисковые системы могут не увидеть скрытые товары и не пройти до них. В результате ухудшается индексируемость каталога и часть карточек товаров получает меньше шансов попасть в поиск.

Tekito - Умная пагинация товаров решает сразу обе задачи. Модуль добавляет удобную кнопку «Показать ещё» для посетителей сайта, но при этом сохраняет полноценную серверную пагинацию с отдельными адресами страниц категории. Для человека каталог выглядит современно и удобно, а для поисковых систем все товары остаются доступны для обхода и индексации.

Какую проблему решает модуль

Стандартная пагинация OpenCart не всегда удобна в каталоге: посетителю приходится переходить между страницами, теряя целостность просмотра товаров. С другой стороны, полностью JavaScript-решение без реальных страниц пагинации опасно с точки зрения SEO. Поисковые роботы не обязаны нажимать кнопку «Показать ещё» и не всегда корректно обрабатывают подобную загрузку.

Модуль строит гибридное решение: на сайте отображается кнопка подгрузки товаров, но за ней стоят реальные страницы пагинации вида ?page=2, ?page=3 и так далее. Если JavaScript отключён, сайт всё равно продолжает работать на обычной пагинации. Благодаря этому каталог остаётся одновременно удобным для людей и безопасным для SEO.

Что делает модуль

После установки в форме редактирования категории появляется отдельная вкладка с настройками умной пагинации. Для каждой категории можно отдельно задать:

• включение или отключение функции;
• сколько товаров показывать при первой загрузке страницы;
• сколько товаров добавлять по нажатию кнопки;
• текст кнопки «Показать ещё».

Это позволяет использовать разную логику для разных разделов каталога. Например, в категории с дорогим оборудованием можно выводить по 4 товара, а в категории с расходными материалами - по 12.

Как работает модуль

При открытии категории покупатель видит только первую часть товаров. Ниже отображается кнопка «Показать ещё». При нажатии новые товары подгружаются через AJAX и добавляются на ту же страницу без полной перезагрузки.

Но при этом каждая следующая порция товаров доступна и по обычному URL пагинации. Например, если в категории настроено 4 товара на первой загрузке и по 8 товаров на каждую дополнительную подгрузку, структура будет такой:

• /category - товары 1–4;
• /category?page=2 - товары 5–12;
• /category?page=3 - товары 13–20;
• /category?page=4 - товары 21–28.

То есть поисковый робот может переходить по обычным ссылкам пагинации и находить все товары, даже если посетитель пользуется только кнопкой подгрузки.

SEO-логика модуля

Главная особенность модуля в том, что он не ломает индексируемость каталога. Для поисковых систем остаются:

• реальные HTML-страницы пагинации;
• обычные ссылки на следующую страницу;
• доступ ко всем товарам без необходимости нажимать JavaScript-кнопки;
• корректные self-canonical для страниц пагинации;
• отдельные заголовки страниц пагинации, например «Страница 2».

Это особенно важно для интернет-магазинов, где карточки товаров должны без проблем обнаруживаться поисковыми роботами через структуру категорий.

Возможности Tekito - Умная пагинация товаров

• кнопка «Показать ещё» с AJAX-подгрузкой товаров;
• индивидуальные настройки для каждой категории;
• отдельное количество товаров на первой загрузке;
• отдельное количество товаров на каждую дополнительную подгрузку;
• изменяемый текст кнопки;
• сохранение обычной пагинации как резервного и SEO-доступного механизма;
• работа без JavaScript через стандартные ссылки;
• сохранение фильтров, сортировки и лимитов в ссылках пагинации;
• автоматическое скрытие кнопки после последней порции товаров;
• поддержка SEO-индексации всех товаров категории.

Как установить модуль

1. Перед установкой рекомендуется сделать резервную копию файлов сайта и базы данных.
2. Распакуйте архив tekito-smart-pagination.zip.
3. Скопируйте содержимое архива в корневую директорию OpenCart с объединением существующих папок admin, catalog и vqmod.
4. Откройте административную панель OpenCart.
5. Перейдите в раздел Дополнения → Модули.
6. Найдите Tekito - Умная пагинация товаров и нажмите «Установить».
7. Откройте настройки модуля, установите статус «Включено» и сохраните изменения.

Как пользоваться

Перейдите в Каталог → Категории и откройте нужную категорию. В форме редактирования появится вкладка «Показать ещё / пагинация».

На этой вкладке можно включить функцию для конкретной категории и задать её параметры:

• Товаров при первой загрузке - сколько товаров будет видно сразу после открытия категории;
• Товаров по кнопке - сколько товаров будет добавляться при каждом нажатии;
• Текст кнопки - например, «Показать ещё», «Загрузить товары» или «Показать больше товаров».

После сохранения настроек на витрине категории автоматически начнёт работать выбранная логика.

Как модуль ведёт себя на сайте

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

Если у пользователя отключён JavaScript или по какой-то причине AJAX не сработал, кнопка ведёт себя как обычная ссылка на следующую страницу категории. Это даёт дополнительную устойчивость и делает работу каталога более надёжной.

Что происходит с canonical и пагинацией

Модуль не склеивает страницы пагинации в главную страницу категории. Для каждой страницы пагинации сохраняется собственный адрес и собственный canonical. Это важно, потому что поисковые системы должны видеть, что каждая страница пагинации является самостоятельной частью списка товаров, а не ошибочным дублем первой страницы.

Для каких задач подходит модуль

• для крупных категорий с десятками и сотнями товаров;
• для сайтов, где важно ускорить первичную загрузку каталога;
• для интернет-магазинов, где важна индексация всех карточек товаров;
• для проектов, где стандартная пагинация неудобна посетителям;
• для категорий с фильтрами и сортировкой, где нужна более современная подача товаров.

Техническая реализация

Модуль добавляет настройки на уровне категории и изменяет логику вывода товарных списков на фронтенде через vQmod. AJAX-подгрузка работает как надстройка над обычной серверной пагинацией, а не вместо неё. Благодаря этому каталог продолжает корректно работать и без JavaScript.

Технические требования

CMS: OpenCart или ocStore 1.5.x.
vQmod: версия 2.x, рекомендуется 2.4 или новее.
PHP: версия, совместимая с установленной OpenCart 1.5.x.
База данных: MySQL/MariaDB, используемая установленным OpenCart.
JavaScript: для режима AJAX должна работать стандартная библиотека jQuery на витрине сайта.
Права: возможность загружать файлы в каталоги admin, catalog и vqmod/xml, а также право администратора на установку и изменение модулей.