1. Download the plugin from the Directory ⇨ Directory Extensions section of the Templatic member area.
  2. Navigate to wp-admin ⇨ Plugins ⇨ Add New ⇨ Upload. Use the “Browse” button to load the previously downloaded .zip file. Click on “Install Now” to confirm.
  3. Once the plugin is finished installing click on the “Activate” button.

By activating this plugin you have now enabled new options in the wp-admin ⇨ Listings ⇨ Listing Categories section.


Setting up the plugin

With the plugin installed, head over to Listings ⇨ Listing Categories. There is now a new option inside that area – Category Icon. You can use that field to assign the category icon to your category.


Using Font Awesome

To display an icon using Font Awesome, visit the Font Awesome icon list and see which icons are available. Once you’ve decided on the icon, enter the following code inside the “Category Icon” field

<i class="fa fa-car"></i>

Of course, instead of car you can enter any other code you want.

Examples of popular icons/codes:

<i class="fa fa-cogs"></i>
<i class="fa fa-download"></i>
<i class="fa fa-database"></i>
<i class="fa fa-cloud-upload"></i>
<i class="fa fa-user"></i>

Because they are easier to use and will automatically resize depending on the area in which they need to be displayed, we recommend using Font Awesome icons instead of manually uploading images (explained below).


Uploading an image

To add an image of your own click on the “Browse” button, select the file from your hard drive and upload it. Once the upload is done, scroll down and click on the “Insert into post” button. This will automatically insert the file URL of the image inside the Category Icon field.

Recommended image size is 30 x 20 pixels.


Using the plugin (in the front-end)

Once the icons are assigned to each category they will automatically start showing in all places where category lists are displayed; no further action is necessary on your part. Here’s the list of areas where you can expect to see the icons:

  • All Categories List widget
  • Sub-categories displayed on the parent category pages
  • Browse by Categories widget
  • Categories widget


Frequently Asked Questions

How to translate the plugin?

You can translate the plugin by using the language file located inside the /languages folder. For instructions on handling PO and POT files open the following article