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

# Settings in Edit Mockup within Product Base

In case you have a complex mockup, e.g. the color of the T-Shirt changes according to the corresponding color of the variation or the mockup is only applied to one or a few variations, you can set it in Settings:

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_1g27cc2.png)
# Change background with variant color

You can display your product's color variants without needing to add numerous mockups to the Product base. This feature is particularly beneficial for products with multiple colors, such as T-shirts, eliminating the need to upload a mockup for each variant.

1. Upload a mockup image with transparent background in term of product, so we can see through the color of the background

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_kvvcei.png)
2. Enable toggle **Change background with variant color** and change the color for mockup → Click on **Save**

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_1s77ffi.png)
|| Our app can detect some basic colors based on their name (Black, White, Red...) without color hex.

# Apply to variants

You can also set the mockup template to apply only to one or a few certain variations, only those that are active will receive this mockup:

1. Apply to **Attribute**: to apply the mockup template for one or a few certain variations with the same attribute (color, size, etc.)

Choose Apply to is **Attribute** → Select **Attribute** → Select color

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_qxtrfk.png)

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_1ow99gw.png)
2. Apply to **Variants**: to apply the mockup template for a few certain variations

Choose Apply to is **Attribute** → Select **Variants**
You can deactivate/activate the variants that you want to hide/show the mockup template on storefront by enable/ disable tongle.

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_z1vwag.png)
3. Reset to default: after you set the mockup template to apply only to one or a few certain variations, you can click **Reset to default** to return **Apply to variant** to the original default state.

![](https://storage.crisp.chat/users/helpdesk/website/a836ece0c4805800/image_50s2th.png)