Category Icon

Hello Jim,

Are you talking about the categories in the knowledge base? Could you please give us some more information so that we can help find a solution?

Hi Jim,

New feature rolled out in some of the portal.

Using the backend option we can upload any logo or image.

Frontend portal we can use the liquid template code to get the icon/image.

{{category.icon}}

Sample code:

{% for category in portal.solution_categories %}
  {% if category.folders_count > 0 %}
    <img src"{{category.icon}}"> 
    <h3 class="heading">{{ category.name | link_to: category.url }}</h3>
  {% endif %}
{% endfor %}

This is great, exactly what i’m looking for, but, unfortunately, that doesn’t work for me.

I added an icon to the category via the add icon tool at the KB Category level, but when i try to call it, via the code example, nothing renders. Did i do something wrong?

@johnindallas Can you share the code and portal URL?

I got it!!! My apologies!! Thank you guys!!!

If you guys only knew how monumental such accomplishments like this are to those of us who do not code!!! this was a huge hurdle!!

This is how we did it.

  {% if category_list_enabled %}
    <h1 class="knowledge-base-title">{% translate portal.knowledge_base %}</h1>
    <ul class="row category-list clearfix" id="category-list">
      {% for category in portal.solution_categories %}
        {% if category.folders_count > 0 %}
          <li class="column column--sm-4 category-list-item" id="{{category.id}}">
           
            <a class="category-list-item__link" href="{{category.url}}">

/* the line below is what we added. then we styled it via css and made it 20% in size */
              <img src="{{category.icon}}" class="category-icon category_icon_img">
              <h2 class="h5 category-list-item__title">{{category.name}}</h2>
            </a>
          </li>
        {% endif %}
      {% endfor %}
    </ul>
  {% endif %}