Воспользуйся плагином siblingNav:

  1. Установи его
  2. В шаблоне статьи, там где нужно разместить ссылки на предыдущую и следующую статьи помести код: [[!siblingNav? &showHidden=1 &limit=1 &sortBy={"publishedon":"ASC"}]] [[+sn.first]][[+sn.prev]][[+sn.prevlinks]][[+sn.self]][[+sn.nextlinks]][[+sn.next]][[+sn.last]] Если сортировка неправильная, то вместо ASC ставь DESC. Получится такой вид, как на картинке: http://nimb.ws/duswvQ Это поможет тебе убедиться, что все работает
  3. Из второй строки кода, который я привел, удали ненужные теги. Например если, не нужно отображать ссылки на первую и последнюю страницу — удаляй [[+sn.first]] и [[+sn.last]] Для оставшихся тегов пропиши шаблоны в вызов плагина. То есть в первой строке перед закрывающимися скобками ставишь пробел и добавляешь параметры: &rowTpl=siblings.RowTpl &selfTpl=siblings.SelfTpl &prevTpl=siblings.PrevTpl &nextTpl=siblings.nextTpl &firstTpl=siblings.firstTpl &lastTpl=siblings.lastTpl 4) Cоздай чанки с соответствующими именами(siblings.RowTpl, siblings.PrevTpl, и т.д.). Что туда писать можно подсмотреть в тех чанках, что идут по умолчанию (они лежат в папке /core/components/siblingnav/elements/chunks). Например в siblings.nextTpl: <li> [[+_isactive:is=1:then=<a class="btn next" href="[[~[[+id]]]]">Следущая »</a> :else='']]
</li> Если хочется использовать названия статей вместо «Следущая» или «Предыдущая», то используй плейсхолдер [[+pagetitle]] 5) С помощью CSS приведи ссылки в божеский вид(убирай буллиты, если использовал тег , делай кнопками, используя классы, располагай в одну строчку и т.д.)