Filter Portal by Topic

1. Create a variable assignment at the top of the layout to define which topic IDs should be included

{% assign _kb_topic_ids = '89110,89111,89112,89113,89114,89115,89116,89117,89118,89119,89120,89121,89122' %}


2. Add the topics to a hidden field in the Main Search Form on the Index Page

<input type='hidden' id='kb_topic_ids' name='kb_topic_ids' value='{{ _kb_topic_ids }}' />


3. Add the topics to a hidden field in the Small Search Form on the Layout Page

<input type='hidden' id='kb_topic_ids' name='kb_topic_ids' value='{{ _kb_topic_ids }}' />


4. Add JQuery to header section to utilize new search. Add the following Jquery

if ($('form').hasClass('support-search-small')) 
  { autocomplete_source += '?size=small&'; } 
else 
  { autocomplete_source += '?'; }

if($('form').find('#kb_topic_ids').length > 0) { autocomplete_source += ('&kb_topic_ids=' + $('form').find('#kb_topic_ids').val() + '&'); }


5. Change the Output of the Index page to use a for loop and cycle (instead of table rows. Then in the for loop only include the appropriate topics. The following example does not include QNA information - you can choose to include it in a separate section by repeating this loop for QNA topics. (note: this is a snippet and not the entire code)

 <h3>Help Articles</h3>
      
{% if topics_count > 0 %}
        
<table width='100%' cellspacing='0'>
         
 {% for topic in topics %}
          {% capture _topic_id %}{{topic.id}}{% endcapture %}
          
{% if _kb_topic_ids contains _topic_id %}
          
{% if topic.article_count >0 %}
          
{% cycle 'open': '<tr><td>', '<td>' %} 
             
<div class='topic topic{{ topic.id }}'>
               
<h4><a href='{{ topic.public_articles_url }}'>{{ topic.name }}</a></h4>
               {% if topic.article_count > 0 %}
               <ul>
                 {% for article in topic.articles limit:3 %}
                 <li>
<a href='{{ article.public_url }}'>{{ article.subject_plain | clip:40 }}</a></li>
{% endfor %}
               
</ul>
               
<a class='pill' href='{{ topic.public_articles_url }}'>
                  View all
                  <strong>{{ topic.article_count }}
                  {{ 'article' | pluralize: topic.article_count }}</strong>
               </a>
               
{% endif %}
             </div>
          
{% cycle 'close': '</td>', '</td></tr>' %} 
          
{% endif %}
          
{% endif %}
         
 {% endfor %}
        
</table>
      {% else %}
        <h4>No topics are available.</h4>
      {% endif %}