How to Manage Product Categories

In this document, you’ll learn how to manage product categories using the admin REST APIs.

Overview

Using the product category admin REST APIs, you can manage the categories in your commerce application.

Scenario

You want to add or use the following admin functionalities:

• Manage categories including list, create, edit, and delete categories.
• Manage products in a category, including adding or removing products from a category.

---

Prerequisites

Medusa Components

It is assumed that you already have a Medusa backend installed and set up. If not, you can follow the quickstart guide to get started.

JS Client

This guide includes code snippets to send requests to your Medusa backend using Medusa’s JS Client, among other methods.

If you follow the JS Client code blocks, it’s assumed you already have Medusa’s JS Client installed and have created an instance of the client.

Medusa React

This guide also includes code snippets to send requests to your Medusa backend using Medusa React, among other methods.

If you follow the Medusa React code blocks, it's assumed you already have Medusa React installed and have used MedusaProvider higher in your component tree.

Authenticated Admin User

You must be an authenticated admin user before following along with the steps in the tutorial.

You can learn more about authenticating as an admin user in the API reference.

---

List Categories

You can retrieve available categories by sending a request to the List Categories endpoint:

• Medusa JS Client
• Medusa React
• Fetch API
• cURL

medusa.admin.productCategories.list()
.then(({ product_categories, limit, offset, count }) => {
  console.log(product_categories.length)
  // display categories
})

Report Incorrect CodeCopy to Clipboard

import { useAdminProductCategories } from "medusa-react"
import { ProductCategory } from "@medusajs/medusa"

function Categories() {
  const { 
    product_categories,
    isLoading } = useAdminProductCategories()

  return (
    <div>
      {isLoading && <span>Loading...</span>}
      {product_categories && !product_categories.length && (
        <span>No Categories</span>
      )}
      {product_categories && product_categories.length > 0 && (
        <ul>
          {product_categories.map(
            (category: ProductCategory) => (
              <li key={category.id}>{category.name}</li>
            )
          )}
        </ul>
      )}
    </div>
  )
}

export default Categories

Report Incorrect CodeCopy to Clipboard

fetch(`<BACKEND_URL>/admin/product-categories`, {
  credentials: "include",
})
.then((response) => response.json())
.then(({ product_categories, limit, offset, count }) => {
  console.log(product_categories.length)
  // display product categories
})

Report Incorrect CodeCopy to Clipboard

curl -L -X GET '<BACKEND_URL>/admin/product-categories' \
-H 'Authorization: Bearer <API_TOKEN>'

Report Incorrect CodeCopy to Clipboard

This request returns an array of product categories, as well as pagination fields.

You can also pass filters and other selection query parameters to the request. Check out the API reference for more details on available query parameters.

---

Create a Category

You can create a category by sending a request to the Create a Category endpoint:

• Medusa JS Client
• Medusa React
• Fetch API
• cURL

medusa.admin.productCategories.create({
  name: "Skinny Jeans",
})
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

import { useAdminCreateProductCategory } from "medusa-react"

const CreateCategory = () => {
  const createCategory = useAdminCreateProductCategory()
  // ...

  const handleCreate = () => {
    createCategory.mutate({
      name: "Skinny Jeans",
    })
  }

  // ...
}

export default CreateCategory

Report Incorrect CodeCopy to Clipboard

fetch(`<BACKEND_URL>/admin/product-categories`, {
  credentials: "include",
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    name: "Skinny Jeans",
  }),
})
.then((response) => response.json())
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

curl -L -X POST '<BACKEND_URL>/admin/product-categories' \
-H 'Authorization: Bearer <API_TOKEN>' \
-H 'Content-Type: application/json' \
--data-raw '{
    "name": "Skinny Jeans"
}'

Report Incorrect CodeCopy to Clipboard

This request requires one body parameter nameCopy to Clipboard, which is the name of the category. The request also accepts the following optional body parameters:

• handleCopy to Clipboard: a string that is typically used as a URL path or slug. If you don’t provide a handleCopy to Clipboard, it will be the kebab case format of the name.
• is_internalCopy to Clipboard: a boolean that indicates whether the category is visible to customers. By default, it’s falseCopy to Clipboard.
• is_activeCopy to Clipboard: a boolean that indicates whether the category is active. By default, it’s trueCopy to Clipboard.
• parent_category_idCopy to Clipboard: An ID of another category that this new category should be a child of.

The request returns the newly created product category.

---

Retrieve a Category

You can retrieve a product category by sending a request to the Get a Product Category endpoint:

• Medusa JS Client
• Medusa React
• Fetch API
• cURL

medusa.admin.productCategories.retrieve(productCategoryId)
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

import { useAdminProductCategory } from "medusa-react"

const Category = () => {
  const { 
    product_category, 
    isLoading, 
  } = useAdminProductCategory(productCategoryId)
 
  return (
    <div>
      {isLoading && <span>Loading...</span>}
      {product_category && <span>{product_category.name}</span>}
      
    </div>
  )
}

export default Category

Report Incorrect CodeCopy to Clipboard

fetch(`<BACKEND_URL>/admin/product-categories/${productCategoryId}`, {
  credentials: "include",
})
.then((response) => response.json())
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

curl -L -X GET '<BACKEND_URL>/admin/product-categories/<CAT_ID>' \
-H 'Authorization: Bearer <API_TOKEN>'

Report Incorrect CodeCopy to Clipboard

This request requires the ID of the category to be passed as a path parameter.

It returns the full object of the product category.

---

Edit a Category

You can edit a product category by sending a request to the Update a Product Category endpoint:

• Medusa JS Client
• Medusa React
• Fetch API
• cURL

medusa.admin.productCategories.update(productCategoryId, {
    name: "Skinny Jeans",
})
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

import { useAdminUpdateProductCategory } from "medusa-react"

const UpdateCategory = () => {
  const updateCategory = useAdminUpdateProductCategory(
    productCategoryId
  )
  // ...

  const handleUpdate = () => {
    updateCategory.mutate({
      name: "Skinny Jeans",
    })
  }

  // ...
}

export default UpdateCategory

Report Incorrect CodeCopy to Clipboard

fetch(`<BACKEND_URL>/admin/product-categories/${productCategoryId}`, {
    credentials: "include",
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify({
      name: "Skinny Jeans",
    }),
  })
  .then((response) => response.json())
  .then(({ product_category }) => {
    console.log(product_category.id)
  })

Report Incorrect CodeCopy to Clipboard

curl -L -X POST '<BACKEND_URL>/admin/product-categories/<CAT_ID>' \
-H 'Authorization: Bearer <API_TOKEN>' \
-H 'Content-Type: application/json' \
--data-raw '{
    "name": "Skinny Jeans",
}'

Report Incorrect CodeCopy to Clipboard

This request requires the ID of the category to be passed as a path parameter.

In its body, you can pass any of the category’s fields that you want to update. In the code snippet above, you update the name of the category.

You can check the list of accepted fields in the API reference.

The request returns the full object of the updated product category.

---

Manage Products in a Category

You can manage the categories of each product individually using the product APIs. This section explores the other approach of managing a product’s category using the product category APIs.

Add Products to a Category

You can add more than one product to a category using the Add Products to a Category endpoint:

• Medusa JS Client
• Medusa React
• Fetch API
• cURL

medusa.admin.productCategories.addProducts(productCategoryId, {
  product_ids: [
    {
      id: productId1,
    },
    {
      id: productId2,
    },
  ],
})
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

import { useAdminAddProductsToCategory } from "medusa-react"

const UpdateProductsInCategory = () => {
  const addProductsToCategory = useAdminAddProductsToCategory(
    productCategoryId
  )
  // ...

  const handleAdd = () => {
    addProductsToCategory.mutate({
      product_ids: [
        {
          id: productId1,
        },
        {
          id: productId2,
        },
      ],
    })
  }

  // ...
}

export default UpdateProductsInCategory

Report Incorrect CodeCopy to Clipboard

fetch(`<BACKEND_URL>/admin/product-categories/${productCategoryId}/products/batch`, {
  credentials: "include",
  method: "POST",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    product_ids: [
      {
        id: productId1,
      },
      {
        id: productId2,
      },
    ],
  }),
})
.then((response) => response.json())
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

curl -L -X POST '<BACKEND_URL>/admin/product-categories/<CAT_ID>/products/batch' \
-H 'Authorization: Bearer <API_TOKEN>' \
-H 'Content-Type: application/json' \
--data-raw '{
  "product_ids": [
    {
      "id": "productId1"
    },
    {
      "id": "productId2"
    }
  ]
}'

Report Incorrect CodeCopy to Clipboard

This request requires the ID of the category to be passed as a path parameter.

In its body, it requires a product_idsCopy to Clipboard parameter which is an array of objects. Each object in the array has the property idCopy to Clipboard, which is the ID of the product to add. So, each product you want to add you pass it to the array as an object having the property idCopy to Clipboard.

The request returns the full object of the product category updated with the new products.

Remove Products from a Category

You can remove products from a category by sending a request to the Delete Products endpoint:

• Medusa JS Client
• Medusa React
• Fetch API
• cURL

medusa.admin.productCategories.removeProducts(
  productCategoryId,
  {
    product_ids: [
      {
        id: productId1,
      },
      {
        id: productId2,
      },
    ],
  }
)
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

import { 
  useAdminDeleteProductsFromCategory,
} from "medusa-react"

const DeleteProductsFromCategory = () => {
  const deleteProductsFromCategory = 
    useAdminDeleteProductsFromCategory(productCategoryId)
  // ...

  const handleDelete = () => {
    deleteProductsFromCategory.mutate({
      product_ids: [
        {
          id: productId1,
        },
        {
          id: productId2,
        },
      ],
    })
  }

  // ...
}

export default DeleteProductsFromCategory

Report Incorrect CodeCopy to Clipboard

fetch(`<BACKEND_URL>/admin/product-categories/${productCategoryId}/products/batch`, {
  credentials: "include",
  method: "DELETE",
  headers: {
    "Content-Type": "application/json",
  },
  body: JSON.stringify({
    product_ids: [
      {
        id: productId1,
      },
      {
        id: productId2,
      },
    ],
  }),
})
.then((response) => response.json())
.then(({ product_category }) => {
  console.log(product_category.id)
})

Report Incorrect CodeCopy to Clipboard

curl -L -X DELETE '<BACKEND_URL>/admin/product-categories/<CAT_ID>/products/batch' \
-H 'Authorization: Bearer <API_TOKEN>' \
-H 'Content-Type: application/json' \
--data-raw '{
  "product_ids": [
    {
      "id": "productId1"
    },
    {
      "id": "productId2"
    }
  ]
}'

Report Incorrect CodeCopy to Clipboard

This request requires the ID of the category to be passed as a path parameter.

In its body, it requires a product_idsCopy to Clipboard parameter which is an array of objects. Each object in the array has the property idCopy to Clipboard, which is the ID of the product to remove. So, each product you want to remove you pass it to the array as an object having the property idCopy to Clipboard.

The request returns the full object of the product category updated with the its products.

---

Delete a Category

You can delete a product category by sending a request to the Delete a Product Category endpoint:

• Medusa JS Client
• Medusa React
• Fetch API
• cURL

medusa.admin.productCategories.delete(productCategoryId)
.then(({ id, object, deleted }) => {
  console.log(id)
})

Report Incorrect CodeCopy to Clipboard

import { useAdminDeleteProductCategory } from "medusa-react"

const Category = () => {
  const deleteCategory = useAdminDeleteProductCategory(
    productCategoryId
  )
  // ...

  const handleDelete = () => {
    deleteCategory.mutate()
  }

  // ...
}

export default Category

Report Incorrect CodeCopy to Clipboard

fetch(`<BACKEND_URL>/admin/product-categories/${productCategoryId}`, {
  credentials: "include",
  method: "DELETE",
})
.then((response) => response.json())
.then(({ id, object, deleted }) => {
  console.log(id)
})

Report Incorrect CodeCopy to Clipboard

curl -L -X DELETE '<BACKEND_URL>/admin/product-categories/<CAT_ID>' \
-H 'Authorization: Bearer <API_TOKEN>'

Report Incorrect CodeCopy to Clipboard

This request requires the ID of the category to be passed as a path parameter.

The request returns the following fields:

• idCopy to Clipboard: The ID of the deleted category.
• objectCopy to Clipboard: The type of object that was deleted. In this case, the value will be product-categoryCopy to Clipboard.
• deletedCopy to Clipboard: A boolean value indicating whether the category was deleted.

---

See Also

• How to use product categories in a storefront