I have updated the initial post on my question so it hopefully gets more clear what I try to achieve.

I would really appreciate some help here as I am no developer

Hi,

the tags in the datatype have configuration to group the repository.

The default name is "default". You can change if you want. This is so that every time the user in the backoffice adds a new tag it is saved in that repository. You can create repositories of different tags.

https://our.umbraco.com/Documentation/Getting-Started/Backoffice/Property-Editors/Built-in-Property-Editors/Tags

In the code you can render with razor the tags of a content like this:

   @{ 
    //Current Content Id
    //Property name
    //Tag group name
    var tags = Umbraco.TagQuery.GetTagsForProperty(Model.Content.Id, "category", "category");

    if (tags.Any())
    {
        bool IsFirst = true;
    <nav class="nav-bar nav-bar--center nav-bar--air-bottom">
        @foreach (Umbraco.Web.Models.TagModel tag in tags)
        {            
            <a class="nav-link nav-link--black @Umbraco.If(IsFirst, "nav-link--active", "")" href="/[email protected]">@tag.Text</a> 
            IsFirst = false;
        }        
    </nav>    
    }
}

To get all tags from the group tag, this is the code:

@{ 

    //Tag group name
    var tags = Umbraco.TagQuery.GetAllTags("catagory");

    if (tags.Any())
    {
        bool IsFirst = true;
    <nav class="nav-bar nav-bar--center nav-bar--air-bottom">
        @foreach (Umbraco.Web.Models.TagModel tag in tags)
        {            
            <a class="nav-link nav-link--black @Umbraco.If(IsFirst, "nav-link--active", "")" href="/[email protected]">@tag.Text</a> 
            IsFirst = false;
        }        
    </nav>    
    }
}

helper https://our.umbraco.com/documentation/reference/querying/umbracohelper/#tagquerygetalltagsstring-taggroup

So now I have the following situation.

For the product template which I use for the recipes this is the actual code:

@Html.Partial("~/Views/Partials/SectionHeader.cshtml", Model.Content.Parent)

@{ //Current Content Id //Property name //Tag group name var tags = Umbraco.TagQuery.GetTagsForProperty(Model.Content.Id, "category", "category");

if (tags.Any())
{
    bool IsFirst = true;
<nav class="nav-bar nav-bar--center nav-bar--air-bottom">
    @foreach (Umbraco.Web.Models.TagModel tag in tags)
    {            
        <a class="nav-link nav-link--black @Umbraco.If(IsFirst, "nav-link--active", "")" href="/[email protected]">@tag.Text</a> 
        IsFirst = false;
    }        
</nav>    
}

}

@Model.Content.ProductName

@Model.Content.Description

and for the products template which is the overview landing page for the recipes I use this code:

@inherits UmbracoTemplatePage<Products>

@using ContentModels = Umbraco.Web.PublishedContentModels; @{ Layout = "Master.cshtml"; } @Html.Partial("~/Views/Partials/SectionHeader.cshtml")

<div class="container">

But when I now click on the nav bar on the overview page on one of the buttons where I already have tags for it it breaks the page

I created that code to explain to you how the tag system works. the tag link I directed to the product page by query string. On this products page you need to have a programming that will filter the products passed by parameter in the query string.

I know you said you're not a programmer, but you're really in need of one.

I don’t need a developer just someone you is willing to help and guide the way. If that is not you fine.

Everybody started coding some when. So needed to gain experience and learn.

As I’m new to Razor and Umbraco I need to learn so need someone to teach.

I find a way to achieve what I want. As this is just like a hobby to me and not urgent as I am building the whole website on my own without a programmer it will need some time. But that is fine.

So if anybody out there in the community is willing to help and guide me the way would really be appreciated.

OK. I'm sorry if I was offensive, but I thought you needed to go to work, something urgent.

We do so, show the code of the full page of products that showed how the product filter would work through the navigation link

So this is the full code from the template of the products page including the nav link:

@inherits UmbracoTemplatePage<Products>

@using ContentModels = Umbraco.Web.PublishedContentModels; @{ Layout = "Master.cshtml"; } @Html.Partial("~/Views/Partials/SectionHeader.cshtml")

<div class="container">

    <!-- todo: implement category selector -->
    <!--
        <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="">Suppen</a>
            <a class="nav-link nav-link--black" href="">Eintoepfe</a>
            <a class="nav-link nav-link--black" href="">Vorspeisen</a>
            <a class="nav-link nav-link--black" href="">Hauptgerichte</a>
        </nav>
    -->

                    </div>
                </a>
            }
        }
    </div>
</div>

I am not using the Nav bar code as it is not working so not filtering the "products" on that page.

is working on a reply...