Hiding categories from home page

also I'd like to remove some categories from the category tree underneath too...tried all the code solutions I've seen so far and they still remain!

ok so i've managed to get both the categories I wanted hidden from both Category List and Category tree on the home page! however...2 issues...

1.  On the Category List...everytime I load the page, the hidden categories appear for a split second then disappear like they should...did I use wrong code or is the script in wrong place?

2. On the Category Tree...I got rid of the Category Titles/Sections that I needed to, but the grey line between the Titles/Sections are still there (you will see 5 grey lines below Announcements on my home page...how can I get rid of those?

@Dave -

1.  In order for the categories not to appear for a split second then you will need to hide these via CSS with a display: none.  Then your JQuery you will need to .show these.  

2.  What code did you use or did you get this resolved.

Thanks so much for your help Wes! I've actually read a lot of your posts and studied your themes while setting up my help center...you've been a lot help already! 

1. could you explain a bit more? i.e. do i reference all categories in CSS?

2. I used: 

@Dave - instead of using JQuery here, I would actually do the hiding of sections and categories via HTML on the Home Page.  I normally hide the categories by doing something like this:

{{#each categories}}
{{#is name 'General'}}

{{#is name 'FAQs'}}

{{else}}

....rest of the code goes here.

You can do the same for the sections.  If you use this code on your Homepage then the rest of the code will show just fine on the section page.

This may solve both your issues as if the categories would not flash for a second if you use the HTML like I referenced above.

thanks so much Wes...I've tried the code you provided getting a syntax error...here is my code without your additions:

{{#if categories}}
<div class="knowledge-base">
<ul class="row category-list clearfix" id="category-list">
<li class="column column--sm-4 category-list-item">
<a class="category-list-item__link" href="{{url}}">
<h2 class="h5 category-list-item__title">{{name}}</h2>
</a>
</li>
</ul>
{{/section}}
<div class="category-tree" id="category-tree">
{{#each categories}}
<section class="category-tree-item">
{{#if ../has_multiple_categories}}
<h2 class="category-tree-item__title">
<a class="category-tree-item__title-link" href="{{url}}">{{name}}</a>
</h2>
{{/each}}

<div class="category-tree-item__sections row clearfix">
{{#each sections}}
<section class="column column--sm-6 column--md-4 section">
<h3 class="section__title">
{{#if internal}}
<span class="fa fa-lock" title="{{t 'internal'}}"></span>
{{/if}}
<a class="section__title-link" href="{{url}}">{{name}}</a>
</h3>
{{#if articles}}
<ul class="article-list">
{{#each articles}}
<li class="article-list-item {{#if promoted}}article-list-item--is-promoted{{/if}}" >
{{#if promoted}}
<span class="fa fa-star" title="{{t 'promoted'}}"></span>
{{/if}}
<a class="article-list-item__link" href="{{url}}">{{title}}</a>
</li>
{{/each}}
</ul>
{{#if more_articles}}
<a href="{{url}}" class="btn btn--default see-all-articles">
{{t 'show_all_articles' count=article_count}}
</a>
{{/if}}
{{else}}
<p>
<i><a href="{{url}}">{{t 'empty'}}</a></i>
</p>
{{/if}}
</section>
{{else}}
<p>
<i><a href="{{url}}">{{t 'empty'}}</a> </i>
</p>
{{/each}}
</div>

{{#if more_sections}}
<p>
<a class="btn btn--default" href="{{url}}">{{t 'see_all_sections'}}</a>
</p>
{{/if}}
</section>
{{/each}}
</div>
</div>

can you see where I would need to change the each and is references? sorry for the noob questions! first time using zendesk...

I forgot you need to end your is statement so try this:

div class="category-tree" id="category-tree">

{{#each categories}}

{{#is name 'Announcements'}}

{{else}}
<section class="category-tree-item">
{{#if ../has_multiple_categories}}
<h2 class="category-tree-item__title">
<a class="category-tree-item__title-link" href="{{url}}">{{name}}</a>
</h2>

{{/is}}
{{/each}}

tried that and still showing a syntax error on the {{/is}} ending statement...

Thanks so much for your help!

Can you remove the {{#if ../has_multiple_categories}} statement to see if thats throwing it off.

this is what I have now, getting a syntax error at the ending {{/each}} statement near the end...I know I'm missing something simple but I can't see it...

<div class="category-tree" id="category-tree">

{{#each categories}}

{{#is name 'Announcements'}}

{{else}}
<section class="category-tree-item">
<h2 class="category-tree-item__title">
<a class="category-tree-item__title-link" href="{{url}}">{{name}}</a>
</h2>

{{/is}}
{{/each}}

<div class="category-tree-item__sections row clearfix">
{{#each sections}}
<section class="column column--sm-6 column--md-4 section">
<h3 class="section__title">
{{#if internal}}
<span class="fa fa-lock" title="{{t 'internal'}}"></span>
{{/if}}
<a class="section__title-link" href="{{url}}">{{name}}</a>
</h3>
{{#if articles}}
<ul class="article-list">
{{#each articles}}
<li class="article-list-item {{#if promoted}}article-list-item--is-promoted{{/if}}" >
{{#if promoted}}
<span class="fa fa-star" title="{{t 'promoted'}}"></span>
{{/if}}
<a class="article-list-item__link" href="{{url}}">{{title}}</a>
</li>
{{/each}}
</ul>
{{#if more_articles}}
<a href="{{url}}" class="btn btn--default see-all-articles">
{{t 'show_all_articles' count=article_count}}
</a>
{{/if}}
{{else}}
<p>
<i><a href="{{url}}">{{t 'empty'}}</a></i>
</p>
{{/if}}
</section>
{{else}}
<p>
<i><a href="{{url}}">{{t 'empty'}}</a> </i>
</p>
{{/each}}
</div>

{{#if more_sections}}
<p>
<a class="btn btn--default" href="{{url}}">{{t 'see_all_sections'}}</a>
</p>
{{/if}}
</section>
{{/each}}
</div>
</div>
{{/if}}

Looks like I need to remote on this one.  I had another client that purchased the same theme that I had to add and edit some code.

https://join.me/486-335-710

@Dave - Just checking in to see how everything is going

Wes! you are awesome, thanks so much for your help yesterday! REALLY appreciate it, just went over to your coffee link and sent a few coffee's your way :)...using the code you had setup I was able to make the final tweaks and finally everything is laid out how I had wanted! 

Still getting the flash where the hidden blocks load then disappear, do you think there is a css/js tweak for that?

Seriously thanks!

@Dave,

Glad to hear.  I just added some code that should fix the hidden blocks from displaying.  Also fixed your auto complete for your search bar so that will work now.  I have some code that will show the section names in front of your search results if you want that installed. 

just reloaded and that worked perfectly, thanks! that sounds great with the section names! 

@Dave - code was added.  Best of luck with your product launch and hopefully I'll hear from you soon.  The price I quoted you was with the community, its cheaper without.

awesome, thanks so much Wes, you've been so much help! hoping to add community in the near future, but just for my info could you send me a PM to my email for a without community theme?

Sure thing Dave, I will send you an un-official quote.  I can't send an official until I have all your requirements.

Estimate Sent.

Hi Guys, I'm trying this same approach using multiple {{#is}} helpers, but get a syntax error like Dave mentioned above. Were you able to find a solution that you could share? 

Thanks!

@Shane  - I don't really remember what I had to do as it was a pre-purchased theme so the code is very different.  I think I just use JQuery to show and hide the boxes.