Articles on: Assets & Cliparts
This article is also available in:

Upload and edit Cliparts

What a Clipart Categories is

Clipart Categories is a collection of image that can be an alternative for a part of your design.
Your customers can pick an image from it to personalize your design on the storefront.

For example, if you upload a category of "background" cliparts:

Then on live store, you can show this category for customers to pick in order to change the background of an artwork.

Create a Category

Go to Clipart Categories page under the "Assets" menu

Click on New Category button

Type a Name for this new category

Choose a Parent Category to place this new category as a sub-category of another category (learn more at Hierachy of Clipart Category)

Leave this option blank if it does not belong to any categories.

Select a Max-width display option.
When you upload a clipart to teeinblue, a preview version of this clipart will be generated. The original clipart will never be showed on the storefront (to optimize the loading speed and prevent thieves), it'll only be used to render order design. So the "Max-width display" option decides the maximum preview size of cliparts on storefront.

Choose the way to display cliparts of this category in "Display cliparts on personalization form as:" option. Learn more at Display setings of Clipart category

Hit Save button to create new category.

After saved successfully, the new category will show up on the category tree on the left.

Upload Cliparts

Click on the Drag and drop/Click to upload zone to start uploading cliparts for this category.

Size limit for Cliparts: The maximum size is 64 megabytes (Mb) per clipart (recommend size < 32Mb). Each Clipart cannot exceed 64 megapixels. (You can calculate megapixel by multiplying the height with the width of image. For example: an image is 8000x5000 px --> 40 megapixels)

Edit Cliparts

After uploading a clipart, you'll see "Original Clipart" & "Thumbnail Image".
Thumbnail image is the image representing the original clipart, which shows on personalization form.
By default, the thumbnail image will be generated by trimming the blank area around the clipart and change background to white. You can upload a different thumbnail image to represent your clipart by hovering on the "Thumbnail Image" and click "Change thumbnail".

Click on Clipart name to edit (by default, clipart name = name of the image when uploaded)

Name of cliparts will be displayed on storefront if you choose the Display Settings as Dropdown list of Clipart Name. Or if you enable "Show option name on hover".

Click on the X button to delete a clipart

Click on the transparent square under clipart name to set a color as the clipart thumbnail

Then on storefront, the clipart thumbnail will show as color, not thumbnail image:

Note: If you set a color for a clipart, all of other cliparts in this category will be showed as color. So you need to set colors for all cliparts in a category.

To re-order cliparts, hold the blank space in the clipart row and drag to the correct position.

To sort cliparts by alphabet or number, click on the Sort button above Cliparts section

Updated on: 21/07/2022

Was this article helpful?

Share your feedback


Thank you!