Доброго ранку, як в Joomla 4 адаптувати пагінацію під мобільні пристрої. Будь ласка підскажіть код.

Глянув в шаблоні cassiopeia немає перевизначення для пагінації. А це означає, що можна додати свій код, який не буде перезаписаний під час оновлення. **Створюємо наступні PHP файл та додаємо такий код** `html/layouts/joomla/pagination/link.php`: ``` PHP

У вас шаблон на Bootstrap?

У мене стандартний шаблон cassiopeia, незнаю bootstrap чи ні, но скоріш за все.

@"pro777"#p7930 А щось змінювали самі? Я б не втручався в шаблон за налаштуванням. Тут хіба що писати на GitHub Joomla

В мене стоїть плагін, який дозволяє добавити свій css стиль. В сам шаблон поправок не вносил.

@"pro777"#p7946 Скоріш за все не буде. Погляну, що можна зробити та відпишу

Цей сайт найкраще переглядати в сучасному браузері з включеним JavaScript.

Пагінація в Joomla 4

pro777

Так це буде адаптована пагінація?

Dutch

Я навів вам приклад, як можна перевизначити код в шаблоні.

Далі ви можете додати класи Bootstrap, щоб приховати в мобільному вигляді елементи, або зробити пагінації трохи меншою. Тобто тут вже м’яч на вашому полі.

Доречі ось документація по пагінації на Bootstrap: https://getbootstrap.com/docs/5.2/components/pagination/

Гляньте, що й як. Якщо що будемо далі разом дивитися.

Dutch

Заодно дайте ще й лінк на сайт

pro777

https://www.emmanuel.in.ua/

Добре, можливо ще треба почекати оновлення, як Joomla 3 все працює добре.

Dutch

pro777 Скоріш за все не буде.
Погляну, що можна зробити та відпишу

Dutch

pro777
Глянь ось цей варіант https://web-eau.net/en/development/joomla-overrides/pagination-bootstrap-4

В коді для файлу (PhP markup - html/layouts/joomla/pagination/links.php) є налаштування які можна змінювати.

// Calculate to display range of pages
$currentPage = 1;
$range       = 1;
$step        = 5;

Dutch

Можна у прикладі вище, який я давав, у цьому ж файлі для foreach() так само як і у прикладі обмежити кількість відображення сторінок.

Спробуйте додати у шаблон. Якщо не вийде допоможу виправити 👍

DenDan

Ось вам швидкий варіант для Cassiopea.:
.pagination {

max-width: 100%;

display: block;

}

.page-item {

display: inline-block;

}

Отримуємо:

Dutch

DenDan Не дуже елегантне рішення

DenDan

Dutch Та якось навіть і не претендував.
Написав же:
“Ось вам швидкий варіант…”

Dutch

DenDan Твій варіант має право на існування. Чому б і ні?
З іншої сторони непогано, щоб користувачі замість пошуку готового варіанту самі пробували розбиратися в коді 👍

pro777

Дякую, попросив допомоги у знайомого програміста, міркую, что він допоможе.