> For the complete documentation index, see [llms.txt](https://doc-filter-cards.wiloke.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc-filter-cards.wiloke.com/wiloke-filter-cards-categories.md).

# Wiloke Filter Cards (Categories)

Wiloke Filter Cards (Categories) allows displaying your categories on any page with the Wiloke Filter Card interface.

### Setting up Featured Category Image

Firstly, We need to add a featured image to the category.

Step 1: Go to Plugins -> Add New and then Install [Advanced Custom Field](https://www.advancedcustomfields.com/) plugin 

Step 2: From the admin sidebar, click on ACF -> Field Groups -> Add a new field group 

Step 3: Add an image field type to this group. The setting must exactly like the below:

1. The Field Name must be **featured\_image (it's very important)**
2. The Return Format must set to Image Array

<figure><img src="https://2815327746-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaZWXjOJzH0oT5Ma30BRA%2Fuploads%2FvxSLcqr6YLY0cwV1VLBq%2FScreenshot%202023-04-25%20at%2009.43.19.png?alt=media&amp;token=1091fa2d-5b7d-47a5-ac5c-97343cc0531d" alt=""><figcaption></figcaption></figure>

Step 4: Settings box

Under the Rules setting box, you can set  to any taxonomy you want to use with the Wiloke Filter Cards. In this example, I will add this group to Category.

<figure><img src="https://2815327746-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaZWXjOJzH0oT5Ma30BRA%2Fuploads%2FzW8XfPnHEcWMAlY2K0B4%2FScreenshot%202023-04-25%20at%2009.44.56.png?alt=media&amp;token=7b6937c5-6ad7-4158-a995-0c3d36836138" alt=""><figcaption></figcaption></figure>

### Uploading Featured Image to Category

Step 1: Go to Posts -> Categories

Step 2: Edit / Add New a category

Step 3: You will see the created field in this area -> Upload a Featured Image to this category

<figure><img src="https://2815327746-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaZWXjOJzH0oT5Ma30BRA%2Fuploads%2FYOKm8na2Aq5XSeTBIcfl%2FScreenshot%202023-04-25%20at%2009.47.15.png?alt=media&amp;token=62a17f05-4ce4-4f8c-8c7b-bd7d973f8204" alt=""><figcaption></figcaption></figure>

### Adding Categories to Home Page

1. Go to Pages -> Your Home page
2. Edit with Elementor
3. Click Add New element icon to create a new section and then search for Wiloke Filter Cards widget
4. Drag Wiloke Filter Cards (Categories) to the section &#x20;
5. Complete all settings and click Update / Publish button&#x20;

<figure><img src="https://2815327746-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FaZWXjOJzH0oT5Ma30BRA%2Fuploads%2Fr1eyv5lpm0s8poRbgs1h%2FScreenshot%202023-04-25%20at%2009.52.26.png?alt=media&amp;token=b0c70065-33a3-4e78-8e14-e149de7a9cd6" alt=""><figcaption></figcaption></figure>