Important Note :
For single image and layered image used if you do not have Shopify variant, for the variant image and variant layered image used if your Shopify product has a variant.
After you import the product it will send you to select how you need to customize the image there is 4 option :
A. Single image
This option will be used if you do not have a variant from Shopify with this option you can have up to 7 sides to customize your image, you can use an image from Shopify or upload it from your local computer. just click the pencil icon between larger and trash icon to change the image and also on this area you can change the name from front to another name
As you can see on the image I put the title custom and use the image from Shopify, if you need to use a different image not your product image just click upload images.
If you need a different side of the image to customize just click add more sides button for a sample you have 4 sides of the image that need to be customized such as a t-shirt you need to custom front, back, left arm, and right arm.
After you click you will need to put the title and select the image from Shopify or upload it from your computer.
To delete the image just click the trash icon to view the image just click the large icon.
On the bottom image, you can see 3 button Design area, Preload, And Settings.
- Design area:
Used if you need to select a specific area from the customized area, outside of the area will be not visible to the customer, and the design area currently only have two option rectangle and circle.
this option is optional if you did not set the design area it will go outside your image and can be put anywhere on the canvas. to set it just click the Design area button next you will see a pop up in there just click enable to activate the design and select rectangle or circle
Don't forget to click save setting after you make the design area, also if you do need a blue line or you need to change the color line to another color you can set it from option Show design area border or Design area line border-color
- Preload :
Preload is used if you have pre-design on your custom image so your customer can easily change the design and not just a blank product. In this area there is 3 button add image, add text, and layer.
Add Image :
Add image used if you need to predesign image on your product for sample a logo you can upload the image or select it from your gallery area.
After you select the image on the right side below manage layers you will see a text when you click it to give an option on your preload image design, that option is related to the image you upload
- Title: you can change the title
- Movable: you can make the image can be moved or static that mean after customer change the image they can not move the place
- Rotatable: Yes that means your customer can rotate the image when they upload it to disable it just set it to No
- Resizable: This function is used to resize the image if we disable this function your customer does not have the ability to resize the image.
- Copyable: with this set to yes your customer can copy the image and duplicate it.
- Upload zone: if you activate this your customer can click the image and replace it with their image or select from gallery, you can also show this option upload on the right side by selecting to yes Enable preload thumbnail on the sidebar
- Selectable: if this option is set to yes your customer can click the image if not they can not select or click the image
- Show color: this option will activate color for preload image you can also set the default color for your customer for sample black or white for the default or not set it all just let your customer pick the color
- More color: Used if you need more color available instead of using the defined color just let your customer pick it from the color picker.
Add Text :
Besides adding an image you can also make preload or predesign text with this option your customer can change easily change the text because there is a sample to make a text and this add text almost have the same option such as add image but there is some option only available for text
As you can see you can show the color and many more options in there and of course, you can disable that option, for add text there is another option added specially for text only
Max length: you can limit how many characters can be put on preload
Number Only: with this option your customer can not put any text just number only
Letter case: used if you need the character on a capital letter or not
Width: you can limit the area size your customer can put the letter
Is Copy Text: if the text that customer type can be mirroring or duplicating for sample your customer only need type 1 text then automatically duplicate with the amount that has been set
copy text zig zag: if is copy text just straight up and down you can also make it a zig-zag line
Number Text: related with is copy text to define how many duplicates can be made.
This feature is used for indicators which preload we working on now, and to make it easier to select which part we click.
B. Layered Image
If you select a layered image that means you can upload main, base, transparent, and mask image each image have a different function
Main: the main image for the custom product and how will the product can be customized
Base: this part used to have the ability to change the color from customify color option by uploading this image and defining the color you can change the product color
Transparent: to give product effects such as highlight, shadow, and other effects.
Mask: to limit the editable areas you can use a mask to cover uneditable are.
Basically, you will need to upload this layer if you need to change the color product using customify color and color picker, and also with the layered area, you can have any shape of the design area, circle, rectangle, oval, and many more it depends on your mask image shape.
you can also use grab template image, we provide many template we make you can use it for free. just click grab image and select the image it will load on your area. the other setting almost same like option on single image.
C. Variant Image
Variant image option used if you have the variant option from Shopify it will automatically using a variant image, the function just like the single image but for the single image, there is no variant. you can change each image for the variant with a different image just click it and upload the image
the rest of the functions are the same with the single image.
D. Variant Layered Image
Variant layered image this option has the same function as the variant image but this will be used if you have a layered image so it's a combination between layered image and variant image. you can upload for front, base, transparent, and mask images for each layer.
the rest of the function same as a single image.