In order to enable/create a design area for a product, uploading an image and assigning its sides is mandatory. Enabling the product designer tool is also necessary to be able to define the design area.
To add side and design area:
- Go to the Magento backend dashboard.
- In the left panel go to CATALOG ➤ PRODUCTS ➤ Select the product you wish to add for customization ➤ Click EDIT, it will redirect you to the product configuration page.
- Go to the “Images and Videos” Tab.
- Here, you will find an Eight Dot Button at the upper-left corner of the uploaded product image. Click on it.
- A pop-up with all the image details will open.
- Here, make sure that all the options under the role section are selected.
- Select the Image side you want to assign to the product image and close the pop-up and save the changes to move forward to the next step of designing.
Assign the Design area to the product:
Assigning the Design area of the product is essential to enable the customization. Where else would your customers add their designs if you do not assign a particular design area and side?
- Go to the Magento backend dashboard.
- In the left panel go to CATALOG ➤ PRODUCTS ➤ Select the product you wish to add customization to ➤ Click EDIT, it will redirect you to the product configuration page.
- Go to the Images and Videos Tab.
- Here, you will find a Brush Button at the upper-right corner of the uploaded product image.
- As soon as you’ll click on it, another pop-up named “Create Design area” will appear.
- Here, select the design area as per your wish.
- You can also add a masking image. Masking Image is a default image that will appear upon your product in the design area on your store-front.
- Click the “Save Design Area” button.
