Note that this component also lets you override the category lock icon used to denote private categories.
See also the Tag Icons component (which does the same thing for tags).
Settings
Name
Description
category icon list
The list of categories and their respective icons
svg icons
Add extra icons not included by default
category lock icon
The icon to replace the âcategory lock iconâ
To add an icon to a category, enter the details separated by commas like so âslug,icon,color,matchâ
Colour is in the format #123456, or âcategoryColorâ to use the default color for the category (same as the Badge color)
If match is âpartialâ then the slug need only partially match the category-slug, otherwise an exact match is required.
Issues
Does not correctly respect the icon color when using with the bullet category style. In general, though, this shouldnât be used with the bullet or bar category styles as the UI would be unnecessarily busy.
Development history
Thanks to @rogerco, for adding the âpartialâ keyword to partially match category slugs (i.e. entering âbook,icon,red,partialâ would match all category slugs containing âbookâ).
Hosted by us? Theme components are available to use on our Standard, Business, and Enterprise plans.
This component has had an impact on our forum in an artistic way. I like it.
However there is a problem with category names. I created a category with the name of âDoÄa Bilimleriâ, but later changed its name to âBilimâ and created a sub-category with the name of âDoÄa Bilimleriâ.
Before:
After:
I only assigned an icon for the category of âDoÄa Bilimleriâ, not for âBilimâ.
But the flask icon has been assigned for both âBilimâ and its sub-category âDoÄa Bilimleriâ.
I cannot also assign an icon to a category whose name I change if I use the new name of it, yet the old name always works. (I solved this one: This is all about âcategory slugâ. If you leave the category slug with the old name, you will experience same pseudo-problem.)
Edit: I figured out why the flask icon is assigned for the main category. It is because both the main category and the sub-category include same word âBilimâ. Even if I give a random name like âabcdefbilimghjkâ in the category icon list, it will still assign the icon I choose to the category âBilimâ, since the random name includes the word âbilimâ.
Hi Emre, thanks for the report, Iâve now fixed the issue with loose matching of slugs. If you update the theme, it should be resolved, âabcdefbilimghjkâ will no longer apply the icon to the âbilimâ slug.
First, a big thank you to @pmusaraj for making this great theme-component.
I have configured it on my site, but have two issues:
There seems to be no way I can âattachâ any icon to Jadran category
I have tried with various icons, even the ones that are working on other categories with no success.
Configuration is the same as for other categories:
I have an idea, why âJadranâ does not work: I have another category âJadranjeâ, which includes first name. I would expect that slug would be checked with exact match (everything between /), right?
Is there a possibility to upload own svg icon and then use it as category icon? I tried to upload it on Category icons upload, but not sure how should I reference it?
Do you have any plans to extend this to the sub-category boxes Penar? Would be awesome to have them everywhere. My site looks great with all these icons now, appreciate this!
This theme component is used alongside the Category Badge Styles theme component
!
