Back to plugins & integrations

Product Primary Collection icon

Product Primary Collection

Set a primary collection for your products, so you can create the correct breadcrumbs in your storefront

npm install @pinelab/vendure-plugin-primary-collection

Integration type

Plugins built by certified Vendure partners



Last published

118 days ago

Downloads in past month


Vendure Primary Collection Plugin

Vendure version

To construct breadcrumbs and URL’s it’s useful to have a primary collection for each product, in case a product is part of multiple collections. This plugin extends Vendure’s Product graphql type, adding a primaryCollection field that points to the primary collection of a product.

Primary collections can be selected in the Admin UI’s product detail view.

This Plugin also exports PrimaryCollectionHelperService which can be used to assign primaryCollection’s to products without existing values by running PrimaryCollectionHelperService.setPrimaryCollectionForAllProducts.

Getting started

Add the plugin to your vendure-config.ts:

plugins: [
    customFieldUITabName: 'Primary Collection',
    port: 3002,
    route: 'admin',
    app: compileUiExtensions({
      outputPath: path.join(__dirname, '__admin-ui'),
      extensions: [PrimaryCollectionPlugin.ui],

And your good to go with just that.