> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://setubridge.crisp.help/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).

# Crop & Remove Background for Default and Customer Images

The **Crop & Remove Background** feature in the **Product Options Personalizer** app allows merchants to edit default images and enables customers to crop their uploaded images and remove their backgrounds directly from the storefront.

# Steps:

1. Open the Product:- **Shopify Admin** → **Apps** → **Product Options Personalizer** → **Open the Product Configuration** 

![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/image_1cj0e96.png)



2. Select Image Element :  **Select the Image Upload/Image Choice element** → **Default Image** → **Click Edit**.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/image_1f976tx.png)


3. **Enable Crop & Remove Background for Customers :** **Select the Image Upload/Image Choice element** → **Media** → Enable **Allow Crop** → Enable **Allow AI Background Removal** → **Save**.



![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/image_1811hff.png)



4. **Remove the Background**:  Open the **Edit Default Image** window → Click **Remove Background** → Wait a few seconds while the app processes the image → Review the result → Click **Save** to apply the background-removed image.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/mergedbeforeafter_gqpom1.png)

5. **Crop an Image**:  Click **Edit** next to the **Default Image** → Drag and reposition the image within the crop area → Adjust the crop area as needed → Click **Save** to apply the changes.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/mergedbeforeafter2_1v4c7xd.png)

6. **Crop & Remove Background on the Storefront** :-  Open the product page on your storefront → Click **Customize/Personalize** → Upload an image using the **Image Upload** option → Click **Edit** on the uploaded image → Crop the image by dragging and adjusting the crop area as needed → Click **Remove Background** → Review the edited image → Click **Save/Apply** → Complete the personalization and add the product to the cart.

![](https://storage.crisp.chat/users/helpdesk/website/-/e/c/8/2/ec822f1cb1c6a000/merged3_1aebaa0.png)


### Need Help?
If you need help setting up translations or want assistance tailoring them for your store, feel free to contact our support team at support@setubridgeapps.com or on **WhatsApp:** **+91 8511963839**. We’re happy to help 😊


###### Feedback:

|| Found this helpful? ✅ [Leave a Review](ttps://apps.shopify.com/prescription-eye-contact-lens#modal-show=ReviewListingModal)