> 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Ft7Dwwz2FohgAjJcWdwLq%2Fimage.png?alt=media&amp;token=45ee9f09-76fc-42f2-9ace-ee7d65334d6c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FHD92uPAB7eXOIiErmtRG%2Fimage.png?alt=media&amp;token=9b1b513d-7c31-4b76-9baa-390d1417695e" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FPwFXf2y6G0Uh0C9yloEu%2Fimage.png?alt=media&amp;token=5bf462bc-e352-48fc-a8fa-ededb6fb041c" alt=""><figcaption></figcaption></figure>

**Image Info**

It shows detailed information about the product image.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FDP7Iz1YTPTetHGVcNFRx%2Fimage.png?alt=media&amp;token=e4baf2fd-a594-44a7-9bb4-843b00f3b508" alt=""><figcaption></figcaption></figure>

**Layer Mask**

It allows you to add or edit the layer mask.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2Fvj157TXkGZB7anUZDHbs%2Fimage.png?alt=media&amp;token=4c03d3b8-de03-47a2-a42c-50eeb1bdbb41" alt=""><figcaption></figcaption></figure>

**Images**

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

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2F2N2xM5AdhXe9jPLrKk1e%2Fimage.png?alt=media&amp;token=f4eeb01e-b34a-4314-942a-1535a0fad7fb" alt=""><figcaption></figcaption></figure>

**Texts**

It allows you to add custom text.

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FiVVssiWI66RXDOdxivCQ%2Fimage.png?alt=media&amp;token=45cb3c44-8919-4f56-948e-133e241dabc8" alt=""><figcaption></figcaption></figure>

**Images Configuration**

Configure image editing options from here

<figure><img src="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FBDysvV3QHnzgxablmlnv%2Fimage.png?alt=media&amp;token=68cd4537-3d4f-43ce-9858-70f8c87bdbfd" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FRINUtftzQfIaHmlo4FDl%2Fimage.png?alt=media&amp;token=04316ac6-747f-41c3-87af-470e9b950f21" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FeuXTJc5pxsmg5phCj1Ab%2Fimage.png?alt=media&amp;token=93ad7ad0-495a-4fee-9d08-6c869c65ebcb" 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="https://807210804-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8wMgNeFnYjVGQmgdxMv4%2Fuploads%2FRG35fPx5V4awrOa1Iiru%2Fimage.png?alt=media&amp;token=6e2e61a2-977b-485a-97f4-f0056ad6c198" 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.
