Изначально в modx постраничная навигация имеет такой вид "Страницы 1234 далее>" что бы изменить внесем изменения в css вот пример Код: .pagination {position:relative; margin-left:300px; top:-4px;} .pagination a {text-decoration: none; color:#4f8ccf; font-size:20px; } /*подчеркивание ссылок*/ .pagination a:hover {text-decoration:none;} /*убрать подчеркивание ссылок при наведении*/ .pagination .ditto_currentpage {color:#ff7200; font-size:21px; margin-right:11px;} /*оформление текущей страницы: цвет текста, цвет фона, цвет и ширина границы, размер отступов, текст жирным шрифтом*/ .pagination .ditto_previous_link, .pagination .ditto_next_link{margin:0 10px;} /*отступы для ссылок «далее» и «назад»*/ .pagination .ditto_page{ padding: 2px 5px;}/* отступы для номеров страниц*/ Основаясь на данном примере вы можете подогдать постраничную навигацию под дизайн сайта
Следует добавить, что это актуально для MODX Evolution, которая больше не обновляется. Для MODX Revolution при использовании сниппета getPage дизайн постраничной навигации задается html-шаблонами.
Если есть верстка ,то можно создать свои &tplPaginateNext=`newsPaginateNext`"<span class='showpage'><a href='[+url+]' class='ditto_next_link'>[+lang:next+]</a></span> &tplPaginatePrevious=`newsPaginatePrevious`<span class='showpage'><a href='[+url+]' class='ditto_previous_link'>[+lang:previous+]</a></span> Подставляете свои классы и усе
