> For the complete documentation index, see [llms.txt](https://docs.foodomaa.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.foodomaa.com/configurations/category-slider-and-filters.md).

# Category Slider and Filters

### How does it work?

* First Admin creates some categories like **Veg**, **Non-Veg**, **Super Fresh**, **Organic**, **Chinese,** etc
* These categories can then be linked to any restaurants. (A restaurant can have N-number of categories)
* Admin then creates a Category Slider Image/Slide and assigns categories to the Slide.
* When the customer clicks on the slide/image on the application, they are taken to a page where all the restaurants are listed which were pre assigned to the categories.

### Example

Admin creates categories :

* **Veg**, **Non-Veg**, **Super Fresh**, **Organic**, **Chinese**

Admin then assigns restaurants to categories as follows:

* **Restaurant A  ->** Veg, Super Fresh
* **Restaurant B ->** Chinese
* **Restaurant C ->** Veg, Non-Veg, Chinese

Admin then creates three slides/images.

* First Image (Picture of some Green Leaves) and assigns **Veg**, **Super Fresh** and **Organic** categories to it.
* Second Image (Picture of some Chinese Bowl) and assigns **Non-Veg** and **Chinese** categories to it

Now on the application user sees the two images (Green Leaves and Chinese Bowl).\
When the user clicks on the Green Leaves image, they are redirected to a category filter page which has now **Veg**, **Super Fresh** and **Organic** Category pre-selected.

Hence, user is shown **Restaurant A** and **Restaurant C** when they click on the Green Leaves.\
\
Similarly, when the user clicks on the Chinese Bowl image, they are redirected to a category filter page which has now **Non-Veg** and **Chinese** Category pre-selected.

Hence, user is shown **Restaurant B** and **Restaurant C** when they click on the Green Leaves.

Uses can then click on restaurants to view the menu or play around with the filters to sort out different options/categories.<br>

### Creating and Managing Categories / Slides

Category Sliders can be found in **`Admin > Extras > Restaurant Category Slider`**

![Create Restaurant Category](/files/-M0qF2o5op_pe8lHDlPZ)

**Add New Restaurant Category**: This button will create a new category (These categories can later be assigned to the restaurants)

![Restaurant Category Slider Settings](/files/-M0qFMJVMvxEL5VfYsj-)

\
**Slider Position:** This field defines where the slider will be positioned on the homepage.‌ The slider will be placed after the X-th restaurant on the restaurant's listing.

**Size**: This defines the size of the Slider Images

**Style**: This defines the style of the Images (Standard, Square, Circular)

**Show Restaurant Category label**: This defines weather or not to show the Slider Name below the image in the slide.

![Creating Restaurant Category Slides](/files/-M0qGTK_JgvkzvFylsLa)

Click on the Add Slide button to start linking the categories to a slide/image.

### Linking the restaurants to the categories

Goto **`Admin > Restaurants`** and edit a particular restaurant you wish to link categories.

![Here you can see "Chinese" and "North" categories are linked to this restaurant.](/files/-M0qHbrR9_iv7n2iyl13)