> For the complete documentation index, see [llms.txt](https://docs.magecomp.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.magecomp.com/magento-2-custom-product-designer-extension/backend-customize-product-design.md).

# Backend Customize Product Design

Admin can customize the product design and control the editing options from the backend.

From the Admin Panel, go to **Catalog > Products**. Open your desired product in Edit mode. You will find a **Product Designer** tab. Expand it. It shows the main product image by default. If you want another image, click on Configure Images.

<figure><img src="/files/Im9zlu8ZLOHiXbDjLnQS" alt=""><figcaption></figcaption></figure>

You can select the image you want to customize or configure.

<figure><img src="/files/7SRrAQ6JPEltKypmxER1" alt=""><figcaption></figcaption></figure>

Here it provides an option to add, edit, clear, or cancel. You can also customize or configure options for product editing.

<figure><img src="/files/c6vBdYbRGlSqm8Jau6Js" alt=""><figcaption></figcaption></figure>

**Image Info**

It shows detailed information about the product image.

<figure><img src="/files/10xlRmwmx5WeXqGOug1K" alt=""><figcaption></figcaption></figure>

**Layer Mask**

It allows you to add or edit the layer mask.

<figure><img src="/files/Fa56QgEVopqK0bXiFlmy" alt=""><figcaption></figcaption></figure>

**Images**

It allows you to add images from the system or library.

<figure><img src="/files/5ZsbxuAVYDiugtwLdWdP" alt=""><figcaption></figcaption></figure>

**Texts**

It allows you to add custom text.

<figure><img src="/files/wUhDNf6klUOZDEGKvHFd" alt=""><figcaption></figcaption></figure>

**Images Configuration**

Configure image editing options from here

<figure><img src="/files/2ZFoAxkkZOXsELCCiivK" alt=""><figcaption></figcaption></figure>

* **Enable Photos Button –** This will show the Add Image button on the frontend product customization.
* **Disable Resize –** This will not allow customers to resize the images.
* **Disable Rotate –** This will not allow customers to rotate the images.

**Text Configuration**

Configure text editing options from here

<figure><img src="/files/aNoMFB91M4yT7KDYuwlB" alt=""><figcaption></figcaption></figure>

* **Enable Texts Button –** This will show Add Text button on the frontend product customization.
* **Disable Resize –** This will not allow customers to resize the text.
* **Disable Rotate –** This will not allow customers to rotate the text.
* **Disable background color selector –** This will not allow customers to change the background color of the text.
* **Disable text color selector –** This will not allow customers to change the font color of the text.
* **Maximum Character –** Set the maximum number of characters to be added to a custom product design. By default, it allows customers to add an unlimited number of characters.
* **Fonts –** Select the fonts you want to show in the front end. By default, it allows all fonts.

**Library Configuration**

Configure library options from here

<figure><img src="/files/eOZHfm4LoPkM4HPKljRX" alt=""><figcaption></figcaption></figure>

* **Enable Add From Library Button –** This will allow customers to add images from the library.
* **Library Categories –** Select categories you want to show in the front end. By default, it allows all library categories.

**Prices Configuration**

Configure pricing options from here

<figure><img src="/files/pQGwSOLPzyBUQ6ZGgYFg" alt=""><figcaption></figcaption></figure>

* **Image Price –** Set an additional price to be charged for the image.
* **Text Price –** Set an additional price to be charged for the text.
