Custom route not working For Pages

I have created a page for a category categories.hbs collection for the blog .Dynamic routing will add it to the website but it will not work. I also created a blank page for the slug at the back end but it doesn’t work properly.

routes:
/categories/:
data: page.categories
template: categories 

collections:
  /:
permalink: /{slug}/
template: index

taxonomies:
  tag: /tag/{slug}/
  author: /author/{slug}/ 

The hbs page included for that

{{!< default}}

<header class="site-header outer border-primary-top">

    <div class="inner-header">

        <nav class="site-nav">

            <div class="site-nav-left">

                <a class="site-nav-logo" href="{{@site

.url}}" aria-label="{{@site

.title}}">

                    <img src="{{@site

.logo}}">

                </a>

            </div>

            <div class="inner-header">

                <div class="category-holder">

                    <ul class="nav category-nav pull-right">

                        <li class="nav-tag"><a href="/tag/articles/" title="Articals">Articals</a></li>

                        <li class="nav-tag"><a href="/tag/news/" title="News">News</a></li>

                        <li class="nav-tag"><a href="/tag/Tutorials/" title="Tutorials">Tutorials</a></li>

                        <li>

                            <a href="/categories">

                                <span style="margin-left:0.5rem;">More...</span>

                            </a>

                        </li>

                    </ul>

                    <a class="search-btn no-decoration pull-right" href="#searchinghost-easy">

                        <span style="color: white;">

                            <i class="material-icons"></i>

                        </span>

                    </a>

                    <a class="category-search no-decoration category-xs" href="/categories">

                        <span style="margin-right:1.5rem;"> <i class="material-icons">menu</i></span>

                    </a>

                         

                    </a>

                </div>

            </div>

        </nav>

    </div>

</header>

{{> header-background background=feature_image}}

{{!--Special header-image.hbs partial to generate the background image--}}

<div class="inner site-header-content">

    <h1 class="site-title">categories</h1>

    <h2 class="site-description">

        {{#if description}}

        {{description}}

        {{else}}

        A collection of {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}

        {{/if}}

    </h2>

</div>

</div>

</header>

<main id="site-main" class="site-main outer">

<div class="inner">

<div class="inner posts">

<div class="post-feed">

{{#get "tags" limit="all" order="count.posts desc" include="count.posts" as |authors|}}

{{#foreach authors}}

<article class="post-card">

<a class="post-card-image-link no-decoration" href="{{url}}" style="color:#ffffff;">

<div class="post-card-image cat-img"

style="background-image: url({{#if feature_image}}{{feature_image}}{{else}}{{asset "images/category-cover.jpg?tr=h-200,w-381"}}{{/if}})">

<h2 class="post-card-title category-title text-center">{{name}}</h2>

</div>

</a>

<span class="post-card-tags pull-left author-post-count"><a href="{{url}}"

style="color:#ffffff;">{{plural count.posts empty='No articles' singular='% article' plural='% articles'}}</a></span>

<div class="post-card-content">

<a class="post-card-content-link" href="{{url}}">

<section class="post-card-excerpt text-center">

<p></p>

<p>

{{#if description}}

{{description}}

{{else}}

{{name}} යටතේ ලැයිස්තුගත කර ඇති news article {{count.posts}} ක් මේ යටතේ ඇත.

{{/if}}

</p>

</section>

</a>

<footer class="post-card-meta">

<ul class="author-list">

</ul>

<span class="reading-time"></span>

</footer>

</div>

</article>

{{/foreach}}

{{/get}}

       </div>

   </div>

</div>

</main>

Why does this not work?

Done and dusted. All is well. now its working. check your site.

Thanks aa !

1 Like