Hi

We currently have the following structure Category - Section - Articles with the Category and Sections showing as below

Category:

How To section:

We have added 2 further sections under How To - Onboarding is there anyway I can add the icons and tiles to the subsections under Onboarding? I have tried copying the code used for the sections and adjusting but it didn't work and returned errors.

This is our code to show the sections under the category

CategoryHowTo.hbs:

<div class="container-divider"></div>
<div class="container">
<nav class="sub-nav">
{{breadcrumbs}}
<div class="search-container">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" focusable="false" viewBox="0 0 12 12" class="search-icon" aria-hidden="true">
<circle cx="4.5" cy="4.5" r="4" fill="none" stroke="currentColor"/>
<path stroke="currentColor" stroke-linecap="round" d="M11 11L7.5 7.5"/>
</svg>
{{search scoped=settings.scoped_kb_search submit=false}}
</div>
</nav>

<div class="container">
<section class="section knowledge-base">
<h2 class="visibility-hidden">{{ t 'sections' }}</h2>
<h1> Hi {{user_name}}. Welcome to the How To section! How can we help you today?</h1>
<section class="categories blocks">

<ul class="blocks-list">
{{#each sections}}
<li class="blocks-item">
<a href='{{url}}' class="blocks-item-link">
{{#is name 'How To'}}
<img src= "{{asset 'Help_Centre_Icons_EA_FAQ_Icon_smaller.png'}}" class = "home-page-images" />
{{/is}}
{{#is name 'PLatform Navigation'}}
<img src="{{asset 'Help_Centre_Icons_1_EAU.png'}}" class = "home-page-images" />
{{/is}}
{{#is name 'Admin User Space'}}
<img src="{{asset 'Help_Centre_Icons_2_EAU.png'}}" class = "home-page-images" />
{{/is}}
{{#is name 'FAQ'}}
<img src="{{asset 'Help_Centre_Icons_3_1.png'}}" class = "home-page-images" />
{{/is}}
<h4 class="blocks-item-title">{{name}}</h4>
<p class="blocks-item-description">{{excerpt description}}</p>
</a>
</li>
{{/each}}
</ul>
</section>
</section>
</div>
</div>
</div>
</div>