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>