использование тегов категорий в навигационной панели на целевой странице - PullRequest
0 голосов
/ 13 февраля 2019

Я создал целевую страницу для показа рецептов дел с использованием типов документов о продуктах и ​​продуктах из стартового комплекта Umbraco.

На отдельных рецептах я поместил некоторые теги категорий, чтобы они отображались в навигации.бар на целевой странице.

Я хотел бы использовать код, подобный этому

     <nav class="nav-bar nav-bar--center nav-bar--air-bottom">
            <a class="nav-link nav-link--black nav-link--active" href="">All</a>
            <a class="nav-link nav-link--black" href="">Vorspeisen</a>
            <a class="nav-link nav-link--black" href="">Suppen</a>
            <a class="nav-link nav-link--black" href="">Eintoepfe</a>
            <a class="nav-link nav-link--black" href="">Hauptgerichte</a>
            <a class="nav-link nav-link--black" href="">Deserts</a>
        </nav>

Я уверен, что приведенный выше код не будет работать так, как сейчас.У меня есть некоторый базовый опыт работы с HTML, но я не имею ни малейшего понятия о Razor и о том, как использовать псевдонимы Umbraco и т. Д. Я знаю, что из вышеперечисленного создаст навигационную панель на моей целевой странице, чего я хочу.Так что все в порядке.Единственная проблема, с которой я столкнулся, заключается в том, что я не знаю, что кодировать для использования в "" здесь: href="" для получения тегов категории вместо использования URL-адреса для целевой страницы, который не является тем, что я хочу, а также не идентификаторомсвойство как у меня нет идентификатора для каждого тега ???Или где я могу найти идентификатор тегов, которые я создаю для контента, как показано на скриншотах ниже?

Как я могу получить теги категорий для навигационной панели

Буду очень признателен за помощь, поскольку я не разработчик

Добавление нескольких скриншотов, чтобы показать, что я пытаюсь использовать: свойство типа документа

примеры тегов фактической категории, которые я хочу использовать

Как упоминалось ранее, я не являюсь разработчиком, поэтому, возможно, придется поделитьсянемного больше информации, чтобы получить руководство, которое мне нужно.Поэтому, если кто-то захочет помочь, но хочет / должен увидеть еще немного кода, просто дайте мне знать, чем поделиться, и я буду рад поделиться тем, что может понадобиться.

Обновление 16/02/19:

Структура будет выглядеть так:

Home|-landingpage|родительская целевая страница (это страница, на которой я хочу использовать панель навигации, которая фильтрует дочерние элементы|элементы|-landingpage

Древовидная структура и структура целевой страницы

очень похожа на классическую страницу блога.Я использовал шаблон продуктов по умолчанию и шаблон продукта из стартового набора Umbraco.и немного изменил это, чтобы соответствовать моим потребностям.

Это прекрасно работает для моей цели.

1 Ответ

0 голосов
/ 13 февраля 2019

Я не очень понимаю, так как он не на английском, но вы должны быть в состоянии сделать это, по вашему мнению:

@{
   rootPage = Model.AncestorOrSelf(1);

}

@foreach (var child in rootPage.Children) {
    var categoryTag = child.GetPropertyValue<string>("category");
    <div>@categoryTag</div>
    //do whatever else you want in there with the category tags.

}

Вот шпаргалка для прохождения в Umbraco MakeОбязательно зайдите в шпаргалку, чтобы найти различные способы обхода.

.Children - для детей (в древовидной структуре) вашей текущей страницы..Descendants для любого узла под вашей текущей страницей..Descendants("nodeAliasHere") состоит в том, чтобы найти любого потомка с определенным DocumentTypeAlias под вашей текущей страницей.

Идея кода должна заключаться в следующем: «Перейдите на корневую страницу, найдите страницу потомка, затем найдите свойство сзначение 'категория' '.

...