DEV Community

Cover image for Design a T-shirt by Opencart custom product designer extension
Birendra Kumar
Birendra Kumar

Posted on

Design a T-shirt by Opencart custom product designer extension

In the Purpletree Online Custom Product Designer extension have a different kind of functionality that allows customers can easily design their custom product and order them. The Opencart custom product designer is the best module in terms of quality and price everyone can easily create their own custom product design of anything.
How to add text?
In the Opencart product designer to add text click to add text button then a window will be popup then add your custom text whatever you want to display above.

To design your T-shirt or anything you need to follow some steps. In below we have described each and every step of functionality.

Text: - In the text, the user can give their own text about what he/she wants to display on the product image.
Text Font Family: -In the font family the user can select and style their font style.
Text color: - In the text color users can select their text colors like blue, yellow, green, etc.
Text BG color: - In-text background color user can select the background from the color picker pop-up and the user can also reset the background color.
Text font size: - In the text font size user can select their font size of the text which is written in the layer.
Text style: -In-text style users can select the text style like BOLD, Italic and Underline.
Text Outline Color: - In the outline, color user can select the outline color of the text.

How to add the image and clipart?
To add the image in the Purpletree Opencart custom product click to add clipart or Upload Image button.

Select your logo or whatever image you want to add to the product. For example, I have selected Levi's logo just to show you how you can add the image or clipart by using Opencart product designer plugin.

In this step, I have completed my design so you can see the demo of your custom design by using a view button. When you click above the view button, then a window will open in the window you can see your preview of your custom design how it is looking.

Basic functionality of a product designer plug-in
In the image, we have mentioned the steps in counting.

When a user clicks to the button the layer becomes revert mean flip the structure of image and text whatever it is.
The second one is used to align the layer to horizontal.
The third one used for the vertical-align the layer.
Shift left a particular layer.
Shift right to a particular layer.
Shift up a particular layer.
Shift down a particular layer.
Delete the selected layer.
Copy the selected layer.
Rest the whole product design.
To view the demo of custom design.
Undo used to take a step backward.
Redo used to take a step forward.

Layering System in Purpletree Opencart Product Designer
In the layering system, it is very easy to understand the logic of layers how they work this is the same as like Photoshop layering system if you don't know that don't worry we will explain each and everything but if you know that will be some help for you.

Whenever every time user clicks to add something new, then the new layer created automatically.
We use this in the way the user can up and down the layers and left to right as too.
Always remember that selected layers are remains on the top.

Get Purpletree Custom Product Designer for opencart extension at https://www.purpletreesoftware.com/custom-product-designer-opencart.html

Top comments (1)

Collapse
 
saleenatp profile image
saleena tp

The digital printing, this technique uses the same method as a normal printer; an electric printer to do the work and a piece of fabric on which the design is printed. The best thing about screen printing toronto is it can be quickly found near your house and high-quality printed fabric design can be obtained in a short amount of time. You can order custom shirts for your business.