Cross страница

cross.tpl - шаблон отображения по дополнительному полю.

Тег	Опис
[meta-title="Новости по {name}"]	Определяет мета-тег title, в данном случае Новости по (название дополнительного поля).
[meta-description="Новости по {name}"]	Определяет мета-тег description, в данном случае Новости по (название дополнительного поля).
{name}	Название дополнительного поля.
{abs}	Выведет алфавит из первых букв значений дополнительного поля.
[item]... одно значение ...[/item]	Обертка, которая выводит одно значение из дополнительного поля. Смотрите далее, какие теги в него входят.
{item-letter}	Выведет первую букву значения.
{item-name}	Выведет само значение.
{item-link}	Ссылка на страницу новостей по данному значению.
{count}	Количество новостей с данным значением.

Например есть дополнительное поле Жанр (тип поля: одна строка).
Выберите Создать страницу из дополнительного поля в настройках дополнительного поля.

Вот простой пример файла:

[meta-title="Новости по {name}"]
[meta-description="Новости по {name}"]
<h1>{name}</h1>
<ul class="abc">
    {abc}
</ul>
<ul class="cross-list">
    [item]<li data-l="{item-letter}"><a href="{item-link}">{item-name}</a><b>{count}</b></li>[/item]
</ul>
<script>
    $(document).on("click", ".abc a", function(){
        $(".active-letter").removeClass("active-letter");
        $(this).addClass("active-letter");
        let leter = $(this).text();
        $(".cross-list li").hide();
        $('[data-l="'+leter+'"]').show();
        return false;
    })
</script>