Разбираемся в работе операторов $NEXT_ENTRY$ и $PREV_ENTRY$

О чем материал ?

Сегодня мы ознакомимся с тем как работаю новые системные операторы следующего и предыдущего материалов  $NEXT_ENTRY$ и $PREV_ENTRY$. Имеются свои тонкости о которых стоит объяснить так как не все поймут как оно работает.

Как работают операторы $NEXT_ENTRY$ и $PREV_ENTRY$ ?

Суть их работы следующая:

1. Работа завязана на шаблоне Вид похожих материалов (доступен по адресу /panel/?a=tmpl;m=3;t=4):

2. Cтарый стандартный код шаблона Вид похожих материалов выглядит так:

<li class="uRelatedEntry"><a href="$ENTRY_URL$">$TITLE$</a></li>

3. Важно отметить! Если вы перешли в шаблон Вид похожих материалов и вы видите пример кода, что в примере выше и хотите использовать новые кнопки "$NEXT_ENTRY$ $PREV_ENTRY$", вам нужно в этом шаблоне нажать кнопку "Восстановить стандартный шаблон". 

После восстановления шаблона у вас код обновится и станет следующим:

<?if($IS_NEIGHBOR$)?>
 <a class="u-neighbor-link" href="$ENTRY_URL$">$TITLE$</a>
 <?else?>
 <li class="uRelatedEntry"><a href="$ENTRY_URL$">$TITLE$</a></li>
 <?endif?>

4. С примера кода делаем выводы, за работу следующего и предыдущего материала отвечает секция кода:

<?if($IS_NEIGHBOR$)?><a class="u-neighbor-link" href="$ENTRY_URL$">$TITLE$</a><?endif?>

часть что после else, это работа блока похожие материалы:

 <li class="uRelatedEntry"><a href="$ENTRY_URL$">$TITLE$</a></li> 

5. Если у вас шаблон вид похожих материалов восстановлен и код уже в нем обновлен, в шаблоне "Страница материала и комментариев" в том месте где нужно отображать ссылки на предыдущий и следующий материал установите операторы: $NEXT_ENTRY$, $PREV_ENTRY$

Вы можете их завернуть в свой див, например nextprev:

<div class="nextprev">$NEXT_ENTRY$ $PREV_ENTRY$</div> 

далее привязаться стилями к классу (u-neighbor-link), стилизировать ссылки как вам хочется.

В каких модулях поддерживается работа операторов $NEXT_ENTRY$, $PREV_ENTRY$

• blog (Блог)
• news (Новости)
• load (Каталог файлов)
• board (Доска объявлений)
• dir (Каталог сайтов)
• publ (Каталог статей)
• stuff (Онлайн игры)
• photo (фотоальбомы)

6. Что важно еще помнить, секция кода в шаблоне вида похожих материалов:

<a class="u-neighbor-link" href="$ENTRY_URL$">$TITLE$</a> 

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

Как сделать кнопки следующий и предыдущий материал по отдельности ?

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

<a class="u-neighbor-link" href="$ENTRY_URL$">$TITLE$</a>

и заменить его на:

<a class="u-neighbor-link" href="$ENTRY_URL$"></a> 

Далее в этом же шаблоне в самый низ пишем стили таким условием:

<?if($IS_NEIGHBOR$)?>
<style>
.u-neighbor-link:first-of-type:before { content:'Предыдущий материал';}
.u-neighbor-link:last-of-type:before { content:'Следующий материал'; }
.u-neighbor-link {margin-right: -50px;}
.nextprev {width: 100%;text-align: center;margin: 0 auto; display: table;} 
</style>
<?endif?>

Примечание

Вы имеете возможность эти ссылки стилизировать как вам захочется и сделать их красивыми и сверкающими, чтобы идеально подогнать под стиль вашего сайта. То есть, все зависит исключительно от вашей фантазии.