> ## Documentation Index
> Fetch the complete documentation index at: https://docs.minestorecms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Categories

> Categories are used to organize your packages into different sections. You can create categories for different types of packages like ranks, items, or permissions. You can also create subcategories to further organize your packages.

## **What are Categories?**

Categories are used to organize your packages into different sections. You can create categories for different types of packages like ranks, items, or permissions. You can also create subcategories to further organize your packages.

## **Creating Categories**

To create a **new category**, follow the steps below:

<Steps>
  <Step title={"Go to the Admin Panel"}>
    Navigate to the **Admin Panel** of your application.
  </Step>

  <Step title={"Click on Packages Tab"}>
    Click on the **Packages** tab to access the package management area.
  </Step>

  <Step title={"Add New Category"}>
    Press the **+ Add New** button and select **Category** from the dropdown menu.
  </Step>

  <Step title={"Fill in the Fields"}>
    Complete the following fields:

    * **Name**: Enter the name of the category.
    * **Description**: Add a description of the category (optional).
    * **Image**: Upload an image for the category (optional).
    * **Category URL**: Specify the URL for the category (e.g., `ranks`).
    * **Display Type**: Choose how the category will be displayed (e.g., `grid`, `comparison`, or `listing`).
    * **Advanced Settings**: Decide if the category should be hidden from the webstore, if it should be a subcategory, or if it should cumulate purchases within the category so customers pay only the difference when buying a higher-priced package.
  </Step>

  <Step title={"Save the Category"}>
    Press the **Save** button to create the new category.
  </Step>
</Steps>

## **Category Display Types**

Categories can be displayed in different ways on your webstore. You can choose any style that suits your webstore design.

<img className="rounded-md" src="https://mintcdn.com/minestorecms/hEiQYqsBtWkxDBJ3/images/features/categories/category-types.png?fit=max&auto=format&n=hEiQYqsBtWkxDBJ3&q=85&s=a72c4801c7795e3df2308d676524c6a4" alt="Category Display Types" width="1467" height="337" data-path="images/features/categories/category-types.png" />

### **Grid Cards** (default)

The **Grid Cards** display type shows the categories as cards with an image and a title. This style is suitable for categories with a large number of packages.

<img className="rounded-md" src="https://mintcdn.com/minestorecms/hEiQYqsBtWkxDBJ3/images/features/categories/grid-category.png?fit=max&auto=format&n=hEiQYqsBtWkxDBJ3&q=85&s=5cbd6df82fba606a1dd038da6dc74d31" alt="Grid Cards Display Type" width="1312" height="747" data-path="images/features/categories/grid-category.png" />

### **Comparison Table**

The **Comparison Table** display type shows the categories in a table format. This style is suitable for categories with a small amount of packages.

<Note>
  Add a **Comparison Options** field to categories to enable the comparison table. This allows you to compare the packages included in each category.
</Note>

<img className="rounded-md" src="https://mintcdn.com/minestorecms/hEiQYqsBtWkxDBJ3/images/features/categories/comparison-category.png?fit=max&auto=format&n=hEiQYqsBtWkxDBJ3&q=85&s=18764dc0d6980baac41cc736bcae5663" alt="Comparison Table Display Type" width="1333" height="891" data-path="images/features/categories/comparison-category.png" />

### **Listing**

The **Listing** display type shows the categories as a list with an image and a title. This style is suitable for categories with a medium number of packages.

<img className="rounded-md" src="https://mintcdn.com/minestorecms/hEiQYqsBtWkxDBJ3/images/features/categories/listing-category.png?fit=max&auto=format&n=hEiQYqsBtWkxDBJ3&q=85&s=e37ff832f83b9490536b08b570ad8bbc" alt="Listing Display Type" width="1320" height="637" data-path="images/features/categories/listing-category.png" />