# Tech pack bill of materials

> Bill of Materials (BOM) is a complete list of all items with corresponding costs and quantities that are required to build a product.

Source: https://docs.vestislabs.com/collection-style/tech-pack-bill-of-materials/

**Where to find it:** Collection & Styles → Styles → (select a style) → Tech Pack → Bill of Material
**Requires:** permission `VIEW_BILL_OF_MATERIAL`

**Bill of Materials (BOM)** is a complete list of all items with corresponding costs and quantities that are required to build a product. BOM helps companies estimate material costs to plan purchases and reduce waste. It also helps users never miss a single thread, button, zipper, or tiny detail when manufacturing their products.

These steps will guide users to understand how to use the BOM Features.

To access the **Tech pack bill of material Page**, go to **Collection & Style \>** **Style** from the left bar menu.

- Select your created style and click **Tech pack \> B****ill of Material** on the style menu.

![The Bill of Material tab with the Color and Version dropdowns, Export, New and the material table](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/60-bom-page.webp)

- The BOM page will display.

- To create the Bill of Material, you must select the final version card and the color of the style.

**Nb:** the **Version** that corresponds to the version of the Input Page on Design and Development in the version section.

1. **Check if a Colour is Added First**

   If no colour has been added to the style yet, the Bill of Material section will show a message: “Bill of Material is not available yet.” To generate the BOM, at least one colour must be added first in Style Details. Click Go to Style Details to add a colour.

   > [!NOTE]
   > If the final colour is not confirmed yet, add a placeholder such as TBC1, TBC2, or TBC3 so you can continue building the BOM now and update it later.

   ![Note: If the final colour is not confirmed yet, add a placeholder such as TBC1, TBC2, or TBC3 so you can continue building…](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/04-note-if-the-final-colour-is.webp)

2. **Add a Colour in Style Details**

   In the Style Details page, scroll down to the Colors field. Click + Add Color to add a new colour option. For each colour, fill in:

   - Code – a short colour identifier (e.g. black)
   - Pantone Code – the Pantone reference number (e.g. 1234)
   - Name – the colour name (required field)
   - Description – optional notes about the colour

   You can also click Color Library to pick from saved brand colours. Once done, return to Tech Pack \> Bill of Material.

   ![You can also click Color Library to pick from saved brand colours.](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/05-you-can-also-click-color-library.webp)

3. **View and Filter the Bill of Material**

   Once at least one colour exists, the Bill of Material will display. Use the Color dropdown at the top to select which colour option to view the BOM for (e.g. black). Use the Version dropdown to select the BOM version (e.g. V0). Click Export to download the BOM.

   ![The Color dropdown open with the colourways SAND, NAVY and OLIVE](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/61-color-dropdown.webp)

   The BOM content is automatically added from the input page on the library of **[the Design and Development Page.](https://docs.vestislabs.com/collection-style/design-and-development-page/)**

   - Users can **[create the BOM content manually](https://docs.vestislabs.com/collection-style/create-a-new-tech-pack-bill-of-materials/)** on the Page.

   - Users can select the BOM column to complete the BOM data. Click the **Color Cell** and select the color that is relevant to the style/color BOM.

   Select the Color

   ![The colour popover of a BOM row with a radio button per colour, the Update Color on All Colors checkbox and Save](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/63-color-cell.webp)

   Select **“Update Color on All Colors”** to apply the changes to all colors.

   Select **Save** to finish.

   - Select the **Position Cell** to input the detailed position of the material with two options:

   - Users can select **Update Position on all Colors** so that the data in this column will be automatically applied to all colors. After creating the adjustment, select **Save.**

   ![The position popover of a BOM row with the Update Position on All Colors checkbox and Save](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/64-position-cell.webp)

   - Select the **Quantity Cell** and enter the **quantity number and unit** of the product to create your style. After creating the adjustment, select **Save**.

   ![The quantity popover of a BOM row with the quantity and unit fields and Save](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/65-quantity-cell.webp)

   - Select the **Comment Cell and** enter the comment in the comment field. After creating the adjustment, select **Save**.

   - Users can select **Update Comment on all Colors** so that the data in this column will be automatically applied to all colors.

   ![The comment popover of a BOM row with the Update Comment on All Colors checkbox and Save](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/66-comment-cell.webp)

   - **Three dots** to select action for the selected user.

   ![The three dots menu of a BOM row with Edit Library and Delete](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/67-row-menu.webp)

   - The BOM is available in two file formats: **PDF or Excel**. Users may select their preferred format when saving the BOM.

   ![The Export menu offering PDF and Excel File](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/62-export-menu.webp)

   The downloaded file in PDF Format, you'll receive the file that looks like this:

   ![The downloaded file in PDF Format, you'll receive the file that looks like this:](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/16-the-downloaded-file-in-pdf-format.webp)

   The downloaded file in Excel Format, you'll receive the file that looks like this:

   ![The downloaded file in Excel Format, you'll receive the file that looks like this:](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/17-the-downloaded-file-in-excel-format.webp)

## Duplicate a bill of material

When the selected colour and version has no items yet, a **Duplicate from** button appears next to **New**. Choose a colour, then a version (for example **V0**), and confirm with **Confirm** in **Confirm Duplication**. The items are copied into the colour and version you are viewing.

## Add a note

Click **New → Add Note** to write a **Bill of Material Note**. The **New** menu also offers **From Library** and **Create New Item**.

![The New menu with From Library, Create New Item and Add Note](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/68-new-menu.webp)

![The Bill of Material Note dialog with the Apply to all colors checkbox](https://docs.vestislabs.com/assets/collection-style/assets/tech-pack-bill-of-materials/69-note-dialog.webp)

 Check **Apply to all colors** to use the same note on every colour, then click **Save**. The note appears below the table. Use **Edit** or **Delete** in the three dots menu of the note to change or remove it.

## Table columns

The table shows **No.**, **Category**, **Image**, **Name**, **Code**, **Composition**, **Color**, **Position**, **Dimension**, **Quantity**, **Supplier** and **Comment**.

- Drag a row by the handle at the start of the row to change the order of the items. Click **Reset to default order** to go back to the default order.
- Three dots menu: **Edit Library** opens the material in the library (only for materials owned by your brand), and **Delete** removes the item from this bill of material after you confirm in **Confirm Deletion**.

> [!NOTE]
> Adding, editing, reordering and deleting items needs the matching permissions. Without them, the table is read-only.
