> ## 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 can I change the Product Icon into a Product Block?

**Overview:**

The **Product Image Display** feature allows users to update a product block in X-DRAW to display the product image instead of the default product icon. It provides a more visually accurate representation of products in the design while keeping the updated product and port information synchronized with the BOM.

* To change the **product icon** to the **product image**, go to the **Search and Add Product (BOM)** page.
* Select the product for which you want to make the change, then click the **Copy to my lib** option located below the product name.

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

* Click the **Edit** button located below the product name.

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

* The **Update Product Details** pop-up will appear. In the **Basic Info** section, select **Other** from the **Category** drop-down list.
* Then, under **Add More Details**, click on **+ Add Port**.

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

* Add the port information, then select the **Re-draw Device?** option to view the updated port details in the **X-DRAW Editor**.
* Finally, click the **Add Product** button to save your changes.

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

* After editing the product, open the **X-DRAW Editor** and click **Pull BOM Changes** from the **top menu bar** to apply the change.

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

### Related Articles

* [How Can I Add Port Information to My Product Block in the Design](https://knowledgebase.xtenav.com/en-us/article/how-can-i-add-port-information-to-my-product-block-in-the-design-1op1h8v/)
* [How to Add Product Blocks to a Drawing](https://knowledgebase.xtenav.com/en-us/article/how-to-add-product-blocks-to-a-drawing-1en6b2o/?utm_source=chatgpt.com)