> ## 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).

# Product Block not appearing correctly in the X-Draw editor page.

* In case the **Product Block** does not appear correctly in the editor after converting it from a Product Image/Icon by adding port information, please follow the steps below to fix the issue.

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

* Navigate to the **Search and Add Products** page and click the **Edit** button next to the product to correct the product block in the editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/3/c/d/e3cdae6433963000/image-2_9i6kri.png)

* Once you click the **Edit** button, a pop-up window to **Update** **Product Details** will open, where you need to change the product category to Other and make sure **Re**-**Draw** **Device** option on check marked and click on **Add** **Product** button to save.

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

* Navigate to the **Editor** page and click the **Pull BOM Changes** button to save the changes made.

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

* After that, you will see that the **Product** **Block** appears correctly.

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

### __Related Article__

* [How to Edit Product Information from BOM Page]()
* [How to Sync Your BOM with Your Drawing]()
* [How to Add Product Blocks to a Drawing]()
* [How to Sync Your Drawing with Your BOM]()