> For the complete documentation index, see [llms.txt](https://customix.gitbook.io/overview/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://customix.gitbook.io/overview/menu/assets.md).

# Assets

The **Assets** section is where you upload and manage all the design resources used in your product templates. Think of it as your design library — everything you add here can be reused across your customizable products.

Customix currently supports four types of assets: Images, Fonts, Colors and Mockups

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2FOZsZdWkmMfo70dSdAhi1%2FAsset%201.png?alt=media&amp;token=42613e5d-0b81-49eb-9117-4c3e49399f49" alt=""><figcaption><p>Four asset types: Images, Fonts, Colors and Mockups</p></figcaption></figure>

## 1. Upload Images, Fonts, and Mockups Assets

There are two ways to upload your files into our application:

**The first one** is to click on the “Add images” button and select files from your device. You also can directly drag and drop the file from your device here.&#x20;

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2FC7JgqZORbVCZEWL8YHAO%2FAsset%202.png?alt=media&amp;token=f13622e9-3132-4db8-b6cc-5b696d83fd56" alt=""><figcaption><p>Click on the "Add images" or directly drag your files here</p></figcaption></figure>

Once the files are successfully uploaded, you will see it under the Assets section &#x20;

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2Fd2E4nJRzFQG2CRYO3kZ1%2FAsset%203.png?alt=media&amp;token=8eaf3e8d-4b8c-445e-a4eb-bc833720e2c5" alt=""><figcaption><p>Successfully added assets</p></figcaption></figure>

**The second way** to upload your materials is using the "Upload zip file" button. If you have a large number of clipart, fonts, or mockups that you want to upload all of them at one time, you can compress them into a ZIP file and then upload the ZIP file into our system.&#x20;

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2Fw4UkIVhhTjuQiM01HKhl%2FAsset%204.png?alt=media&amp;token=c4a7a8ff-b7d4-4f5f-9e62-69ae311084ae" alt=""><figcaption><p>Click on the "Upload ZIP file" button to upload your ZIP file</p></figcaption></figure>

When a ZIP file is uploaded, it will turn into a category with all the sub-categories are the folders of the ZIP file. You can easily upload ZIP files of any size to our application without any limitation.

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2FzEAt8cSoxW35sUFOybaO%2FAsset%206.png?alt=media&amp;token=da609362-086a-4fc9-aa31-f794015165fc" alt=""><figcaption><p>An example of how Zip files are converted </p></figcaption></figure>

## 2. Create Colors Assets

To add a single color to the Colors Assets, you need to click on the "Add color" button, then there will be a popup for you to select the color you want. In case you want to add multiple colors at a time, you can click on the "Add" button below.&#x20;

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2F1aZEnU3HB9f2bve3c0E1%2FLa%CC%80m%20a%CC%89nh%20cho%20Customix.png?alt=media&amp;token=64664e5b-e5ab-4c3f-b658-9adf2c3449eb" alt=""><figcaption><p>Add your Colors Assets </p></figcaption></figure>

## 3. Organize with Categories

All assets can be grouped into **categories**, which support multiple levels. This helps you:

* Keep assets organized by theme or product type
* Provide a cleaner, more structured selection experience for customers

You can also **move assets/files or categories** between different parent categories at any time.

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2FxEATCasz24mhMrV88gdT%2FMoving%20categories%20.png?alt=media&amp;token=7c96465b-79a4-4317-a75f-e99871644502" alt=""><figcaption><p>Moving categories or assets/files</p></figcaption></figure>

## 4. Control How Assets Are Displayed

Customize how each asset type is shown on your storefront. For assets, you can upload a **custom thumbnail** for a cleaner UI&#x20;

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2FyxpGuhkfuFjY5BFhBPTd%2FChange%20thumbnail.png?alt=media&amp;token=d0924d78-4911-42c5-8cb1-f5bd7504442a" alt=""><figcaption><p>Change asset's thumbnail</p></figcaption></figure>

You also can select different display styles for different categories, there are 3 styles:

* **Dropdown menu**
* **Thumbnail image**
* **Inline button**

This gives you the flexibility to design a personalization flow that matches your store’s brand and user experience.

<figure><img src="https://4235989069-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FrihgZgEjEfk2NzCONWV0%2Fuploads%2F38JO5BPj2LhKY40kmXa7%2Fdisplay%20style.png?alt=media&amp;token=710f9c33-9e7c-47ec-9ba4-3ab04b272fc6" alt=""><figcaption><p>Select categoríes' dísplay style</p></figcaption></figure>
