Vue Storefront is now Alokai! Learn More
Category

Category

The Unified Data Layer provides methods that let you query categories by id or slug.

Coverageri:link

MethodCommercetoolsSAPCCBigCommerceSFCCMagento
GetCategories
GetCategory

getCategoriesri:link

getCategories fetches a list of categories from your commerce platform. By default, it returns all categories, but you can filter the response based on ids or slugs.

Usageri:link

// fetching all categories
const categories = await sdk.unified.getCategories();

// filter for categories matching an id
const categories = await sdk.unified.getCategories({
  ids: ["220040"],
});

// filter for categories matching a slug
const categories = await sdk.unified.getCategories({
  slugs: ["shirts"],
});

// filter for categories matching an id OR a slug
const categories = await sdk.unified.getCategories({
  ids: ["220040"],
  slugs: ["shirts"],
});

Typesri:link

export type GetCategories = (args?: GetCategoriesArgs) => Promise<SfCategory[]>;

export type GetCategoriesArgs = {
  ids?: string[];
  slugs?: string[];
};

export interface SfCategory {
  id: SfId;
  name: string;
  slug: string;
  subcategories: Maybe<SfCategory[]>;
  productCount: Maybe<number>;
}

getCategoryri:link

getCategory fetches a specific category using its id. It returns a category and its ancestors.

Usageri:link

const { ancestors, category } = await sdk.unified.getCategory({
  id: "220040",
});

Typeri:link

export type GetCategoryArgs = {
  id: string;
};

export type GetCategory = (args: GetCategoryArgs) => Promise<{
  ancestors: SfCategory[];
  category: SfCategory;
}>;