> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://knowledgebase.xtenav.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to View Area Wise products in BOM?

To view products area-wise in your BOM, you must first add areas to your design.

You can learn how to add areas here: https://knowledgebase.xtenav.com/en-us/article/how-to-add-area-in-design-1dm1fk9/ 

**Method 1: View Area-Wise BOM from Search & Add Products Page**

* On the **Search & Add Products** page, click **BOM Overview**.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-33_tszbs7.png)

* From the right-side **drop-down menu**, select **View By Areas**.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-34_1l1nhhn.png)

* The BOM will now display all products grouped by area.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-35_xwrkpz.png)

**Method 2: View Area-Wise BOM from View Design Doc Page**

* On the **View Design Doc** page, hover over the design and click the **Eye** icon.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-36_kjl7xj.png)

* You will be redirected to the BOM page.
* From the **drop-down menu**, select **View By Areas**.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-37_l681g6.png)

* All products will be displayed area-wise in the BOM.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/download-38_1hwz94x.png)

### Related Article

* [__How to Move Products from One Area to Another Area in X-DRAW Design__](https://knowledgebase.xtenav.com/en-us/article/how-to-move-products-from-one-area-to-another-area-in-x-draw-design-ojf29j/)
* [__How to Duplicate an Area on Search & Add Products Page__](https://knowledgebase.xtenav.com/en-us/article/how-to-duplicate-a-area-on-search-add-products-page-1nmbzj4/)
* [__How to Remove Unassigned Area from Design__](https://knowledgebase.xtenav.com/en-us/article/how-to-remove-unassigned-area-from-design-lnbmwo/)
* [__How to Add Area in Design__](https://knowledgebase.xtenav.com/en-us/article/how-to-add-area-in-design-1dm1fk9/)
* [__How to Delete Area from Search & Add Products Page__](https://knowledgebase.xtenav.com/en-us/article/how-to-delete-area-from-search-add-products-page-cva40h/)
*  [Rename Area in Search & Add Products Page](https://knowledgebase.xtenav.com/en-us/article/rename-area-in-search-add-products-page-vy8qks/)