Inventory Page

The Stores Inventory page has 4 plugin slots: 1 dashboard, and 3 dashboard menu.

Learn more about dashboard plugins and slots.

Page location in dashboard

Catalog > Store Products > Inventory

Slot 1: Inventory banner

This dashboard plugin slot is positioned above the inventory list.

Inventory page slot

Multiple plugins in the same slot

This plugin slot can host multiple plugins.

The plugins are displayed horizontally by creation date, with the newest plugin displayed farthest left.

Slot 2: Inventory item more actions menu

This dashboard menu plugin slot is located in each inventory item's more actions menu.

Inventory item menu action

Multiple plugins in the same slot

This menu plugin slot can host multiple plugins.

The plugins are displayed vertically and ordered by date created, with the most recently created plugin displayed at the bottom.

Slot 3: Inventory main more actions menu

This dashboard menu plugin slot is located in the global more actions menu at the top of the page. It can contain action items that perform actions on the entire page, all products, all variants, or any combination of items.

Global More actions menu

Note: The global more actions menu is only visible when at least 1 plugin is added to its built-in slot.

Multiple plugins in the same slot

This menu plugin slot can host multiple plugins.

The plugins are displayed vertically and ordered by date created, with the most recently created plugin displayed at the top.

Slot 4: Inventory items bulk more actions menu

This dashboard menu plugin slot is located in the more actions menu of the bulk actions toolbar. It can contain items that perform bulk actions on all selected items.

Note: The bulk action toolbar appears when at least 1 product is selected. Its more actions menu appears when at least 1 plugin is added to its built-in slot.

Bulk more actions menu

Multiple plugins in the same slot

This menu plugin slot can host multiple plugins.

The plugins are displayed vertically and ordered by date created, with the most recently created plugin displayed at the top.

Slots list

Slot nameSlot typeIDInterface
Inventory bannerDashboard plugin slotc9b19070-3e25-4f3d-9d27-4e0f74164835InventoryBannerParams
Inventory item more actions menuDashboard menu plugin slot1b9742f8-2b93-4e66-85f2-47289bf548bbInventoryItemMoreActionsMenuParams
Inventory main more actions menuDashboard menu plugin slotb9e4104f-9beb-4258-8bdb-6a34d6bf7fd0InventoryMainMoreActionsMenuParams
Inventory items bulk more actions menuDashboard menu plugin slotb9f2ad03-7407-48d9-9e89-fe2f2df63e8aInventoryItemsBulkMoreActionsMenuParams

Related APIs

You can implement logic in your plugin using the Wix Stores APIs:

Did this help?

Inventory Banner Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
This slot does not accept any parameters.

Use this in the code for the dashboard plugin.

JavaScript
import React, { type FC } from 'react';
import { WixDesignSystemProvider, Button } from '@wix/design-system';
import '@wix/design-system/styles.global.css';
import { plugins } from "@wix/stores/dashboard";

type InventoryBannerParams = plugins.Inventory.InventoryBannerParams;

const Plugin: FC<InventoryBannerParams> = (props: InventoryBannerParams) => {
  return (
    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
      <Button onClick={() => ({})}
      >
       Click me!
      </Button>
    </WixDesignSystemProvider>
  );
};

export default Plugin;
Did this help?

Inventory Items Bulk More Actions Menu Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
allSelectedboolean

Whether the Select All checkbox was selected.

selectedIdsArray<string>

Array of IDs of selected items.

totalnumber

Total number of selected items.

uncheckedIdsArray<string>

When allSelected is true, an array of IDs of items that were manually deselected.

Use this in the code for the page or modal opened by the dashboard menu plugin.

JavaScript
import React, { type FC } from 'react';
import { WixDesignSystemProvider, Button } from '@wix/design-system';
import '@wix/design-system/styles.global.css';
import { plugins } from "@wix/stores/dashboard";

type InventoryItemsBulkMoreActionsMenuParams = plugins.Inventory.InventoryItemsBulkMoreActionsMenuParams;

const Modal: FC<InventoryItemsBulkMoreActionsMenuParams> = (props: InventoryItemsBulkMoreActionsMenuParams) => {
  return (
    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
      <Button onClick={() => 	({
    	  console.log(
	     `Total: ${componentParams.total}`, 
	     `Unchecked Ids: ${componentParams.uncheckedIds}`, 
	     `All Selected: ${componentParams.allSelected}`, 
	     `Selected Ids: ${componentParams.selectedIds}`
    	  );
    
    	})}
      >
       Click me!
      </Button>
    </WixDesignSystemProvider>
  );
};

export default Modal;
Did this help?

Inventory Main More Actions Menu Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
This slot does not accept any parameters.

Use this in the code for the page or modal opened by the dashboard menu plugin.

JavaScript
import React, { type FC } from 'react';
import { WixDesignSystemProvider, Button } from '@wix/design-system';
import '@wix/design-system/styles.global.css';
import { plugins } from "@wix/stores/dashboard";

type InventoryMainMoreActionsMenuParams = plugins.Inventory.InventoryMainMoreActionsMenuParams;

const Modal: FC<InventoryMainMoreActionsMenuParams> = (props: InventoryMainMoreActionsMenuParams) => {
  return (
    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
      <Button onClick={() => ({})}
      >
       Click me!
      </Button>
    </WixDesignSystemProvider>
  );
};

export default Modal;
Did this help?

Inventory Item More Actions Menu Params

Apps built by Wix pass parameters via dashboard slots for you to utilize in your plugin’s functionality. Learn how to interact with and retrieve parameters from the dashboard page.

Plugin Params
selectedIdArray<string>

When the item is the default product version, the value is ${productId}. When the item is a variant, the value is ${productId}_${variantId}.

Use this in the code for the page or modal opened by the dashboard menu plugin.

JavaScript
import React, { type FC } from 'react';
import { WixDesignSystemProvider, Button } from '@wix/design-system';
import '@wix/design-system/styles.global.css';
import { plugins } from "@wix/stores/dashboard";

type InventoryItemMoreActionsMenuParams = plugins.Inventory.InventoryItemMoreActionsMenuParams;

const Modal: FC<InventoryItemMoreActionsMenuParams> = (props: InventoryItemMoreActionsMenuParams) => {
  return (
    <WixDesignSystemProvider features={{ newColorsBranding: true }}>
      <Button onClick={() => 	({
    	  console.log(
	     `Selected Id: ${componentParams.selectedId}`
    	  );
    
    	})}
      >
       Click me!
      </Button>
    </WixDesignSystemProvider>
  );
};

export default Modal;
Did this help?