User Manual for T-shirt Designing Software

Dear Users,
Welcome to the user manual of Online t-shirt designer admin panel.

This user manual is a document prepared to facilitate the user by describing the functionality of the tool in details, so that user can read the document and can use the functionality in the admin panel.

Important: Each time when you do any update in the admin panel, then go to the welcome menu and click in the commit button. This action will update your admin panel changes to the website. Use the manual and run the tool. Enjoy using…!

The Analysis of the Admin panel for the website and tool :-

1. Home Page : Below is the home page of the Admin panel

It includes:-

• 1. The home page has a Logout button at the right topmost section of the page.
• 2. The header contains six menus (Configuration, Product, Tool, Miscellaneous, User, Order Management ).
• 3. Each Menu has different options and we will discuss each option in details.

Configuration Menu:

The Configuration menu include six item as you can see in the above image.

System Configuration:

System Configuration page will allow the administrator to set the information which is control the website. In the Next page you can see the web page which will get open when you will click in Configuration > System Configuration .

• I. General Configuration: In this section you can see the : a. Site Name : In Site Name, you can provide the name of the website. b. Site E-mail: In site e-mail, you can provide the e-mail where you user will try to contact you.
• II. Front End Configuration: In this section you can make the Site Online or Offline for which there is Radio button available. When you click on (On) radio button the website will become online. When user will click on (Off) radio button the website will become offline.

  Multiple Language: Administrator can set three options for the Multiple language

  1. Language Only: With this option, administrator will allow to select the language from the website. This option also facilitate the user to select the language in which particular language user want to see the website. The option will be available in the top of the home page as shown in the image.
     
  2. Language and Currency: With this option, administrator will allow the user to select multiple languages and multiple currencies for the payment. The option will be available in the top of the home page as shown in the image.
     
  3. Don't show language: In this option the language and currency option will not show in the home page of the website. The website will then run with English language and single currency.
  4. Image Extension allowed: Here Administrator can allow the user to use the image in the website. Example: .gif, .Jpeg etc.
• III. Home Page Section One: As the website is divided in various section so this section one, allows the administrator to set the information of Home Page Section One.
  
  Alias : In Alias, you can provide different name for the section one. No. of Product: here administrator can choose the number of product that get displayed in this section. Product Category: Here administrator can choose the category from where the product should be chosen. Administrator can also choose the multiple categories by press the ctrl button and the click on the categories.

  Similarly, administrator can set the information for the all the three section available in the page.

  
• IV. Font configuration: In this section administrator can allow to use the .TTF format fonts with SWF files.
• V. Size Configuration: In this section administrator use the option like : i. Allow weight with price: By using this option the user in the website will be charged according to weight. ii. Allow price only: By using this option the user will be only allowed to set the price only.
• VI. Design Product Configuration: Here the administrator can set the price method. i. Text Price: Here the administrator can set the price for the text which user enters in the tool to design the T-shirt. The Price gets set for one text that is entered. For example: If I set here 5 as cost and then enter 'Online T-shirt Designer' as the text in the tool and then 'Maxim' then the tool will consider as two text and will add two charges for the text i.e. 10 . ii. User upload image: Here administrator can specify the cost of the image that user upload in the tool to design their product.
• VI. Payment Configuration: Here administrator is allowed to provide the information of the Paypal Id in which the payment will be done.

  Administrator : When you will click in the administrator menu item in Configuration menu then the following page will get open.

  

Here the administrator can create more administrators for the tool. Also user can change the status, edit and delete the existing administrator.

How to Add New Admin:

1. Click on the Add new admin button.

• Here the administrator has to provide the details: User Name: Username of the administrator to create. Email: E-maid id of the User. Password: Password for the new administrator.

Here the Super administrator can also give the permission to the administrator. For example the Super Administrator when create a account and checks the check box of Add Record and edit record, then in that case the administrator will be allowed to only add records and edit record.

2. Then click on the Submit button at last. Thus the information will get added in the record and new administrator with limited rights will get create successfully.

Sign-up Fields:

When the administrator will click on Configuration>Signup fields , then following page will appear here the administrator can perform the following activities.

• 1. Administrator can select any of the signup fields by clicking in the checkbox available left to the S.No number of the fields.
• 2. After selecting administrator can change: a. Display Status: Here you can change the status like whether you want to display these fields in the website or not. You just have to click in the status to change the status of the field. b. Validation: You can the status of the validation to yes or no. c. View: It is use to see the all information of the status of the particular field. d. Edit: It is used to make any update and any changes in the signup field. For editing the signup field just select the signup field and click in the magnifier, you will see the following page.
  

Manage Language:

When you will click in the Configuration>Manage Language, you will see the following page. Here you can add new language and also change the status of any language. The English is used as the default language.

How to add New language:

• 1. Click on the Add New Language. You will see following page.
  
• 2. Here you can provide the following information. a. Language Name, to specify the language like English. b. Language Code, to specify the code of language like Eng. c. Language flag, to specify the flag of language. d. Currency, to specify the currency which you want to associate with language.
• 3. Then click on the Submit button to add the information.

Language Translation:

When you will click in the Configuration>Language Translation, you will see the below page.

Here you can choose the language whose translation you want to enter in the website. Just select the language and click in the Go button, below page will come.

Here you can provide the corresponding French translation of the fields provided.

For example: You can provide the French translation of the Welcome in the text box in front of it and similarly for others. At last, click on the Save button available at end. The information will get save.

Product Menu:

The Product menu contains 9 options listed below and also shown in the screenshot:-

• Category.
• Font Category.
• Design Category.
• Manage Raw Products.
• Manage Fonts.
• Manage Main Products.
• Product Designers.
• Assign Main Product.
• Manage Hot Design.

Let's start with the Category's Option:-

When you will click on the Product Category's Option you will see the above screen shot as the webpage where you can add new category for the product section.

You can view, edit and delete the categories and sub-categories.

How to add new category:-

• 1. Click on the Add New Category button
  

  Here,
  
  in the Category Name text box you can provide the name of the category to be added.?

  In Position option, you can provide the position of that category to be added.

  In category image option, click on the Choose File button to add image for the category to be added.

• 2. After providing the information click on the submit button to add the category.
  
• 3. You can also add sub-category of the main category added. For adding sub-category click on the main category product name.
  

  You will see the below page:

  
• 4. Then click on the Add New SubCategory, you will see following page.
  

  Here you can provide the name of Sub-category to be created.

  And click on the Choose File button to upload the Sub-category image.

  Then click on the Submit button to submit the information

Font Category:

When you will click on the Font Category's Option you will see the above screen shot as the webpage where you can add new category for the Font.

You can view, edit and delete the categories and sub-categories.

How to create category for the Font:-

1. Click on the Add New Font Category button.

Here you can provide the Font category name in Category Name Textbox. After providing the information click on the Submit button.

You can also create the subcategory of the font. For creating sub-category you have to follow the same step as used in the Category option.

You can view, edit and delete the categories and sub-categories.

Design Category

When you will click on the Design Category's Option you will see the above screen shot as the webpage where you can add new category for the Design section.

You can view, edit and delete the categories and sub-categories.

For creating the category and sub-category you have to follow the same step as used in category menu item.

Manage Raw Product's

When you will click in the Manage Raw product menu-item, you will see the above screen shot as webpage.

Here you can add basic templates of the product which can be used for customization in the designer tool.

You can add new product, view the product, can change the status of the Product i.e. Active/De-Active or Delete from this page.

How to Add new product in the tool:

1. Click in the Add New Product you will see the below page.

You have to provide the following information required in the page to add the product in the tool.

• a) In category drop down, administrator has to select the product category in which he want to add the product.
• b) In Product Name text box, administrator has to provide the name of the product example Nike T-shirt. c) In Product Price text box, administrator has to provide the basic price of the product.
• d) In Product description text box, administrator has to provide the Product Description of the product.
• e) In Color code section, administrator has to provide the color code of the t-shirt.
• f) In Color Name textbox, administrator has to provide the name of the color.
• g) In Price textbox, administrator can provide the price of the T-shirt with particular color.
• h) Now the section comes where the administrator has to provide the image of the T-shirt front view and the back view.
  

  Just click in the Choose File button and upload the front image of the T-shirt (the image can be of .jpeg, .gif, .png file format and the image size should be 450 x 450 for best output) and in the print Size, provide the height and width of the T-shirt in ratio, for example: 30:45.

  Similarly, you can add the back, left, right image of the t-shirt.

• i) Then in Product Size detail section, provide the information about the size of the T-shirt that you want to add. You can also change the price as per the size of the T-shirt.
• j) After providing all above information, click on the Submit button to add the T-shirt.
• k) After Adding the product you have to set the designing area in the product.
• l) For setting the designing area select Product Designer menu item in Product Management menu. ( Product Management> Product Designer)

Product Designers:

When you will click in the Product designer option you will see the above web page.

Here you can add the designing area of the product where user can create his/her design like add text, add clip-art etc.

How to set the designing area in the T-shirt.

With the help of the Adjust print area, you can adjust the position of the designing area.

To scale the designing area administrator can use the Width and Height combo. After setting the designing area click on the Save Product button.

In the Design Tab you will see the below page:

Here you can add the clip-arts ( clip-art must be in .EPS file format ) and also you can add various layers of the clip-art and can color and arrange the clip-art.

How to add the clip-art:

• 1. In Title provide the name of the clip-art.
• 2. In Category select the category in which you want to add the clip-art.
• 3. In Sub-category select the sub-category in which you want to add the clip-art.
• 4. In keywords, place the keywords by which you want user to search the clip-art.
• 5. In cost, you can provide the cost of the clip-art.
• 6. There are two check box, a. Colourable, if you want your clip-art to be colourable. b. Fixed Scale, if you want to restrict the user that he should not be allowed to scale the clip-art.
• 7. Click in the Add File button to upload the clip-art in the tool.
• 8. After that click in the Upload button to upload it in the tool.
• 9. You can also change the color of the clip-art.
• 10. In the Font Tab, you can add the fonts in the particular category of the font.

You can create category of the font by clicking on the ADD NEW CATEGORY button. The application will allow you to provide the name of the category.

When you want to add fonts in the particular category of the fonts click in the Fonts button.

Below page will appear when you will click on the Fonts

For adding the fonts,

• 1. Select the category of the fonts.
• 2. Click in the Add New Fonts button, you will see the following page.

Click in the Green arrow of Please upload file, to upload the .TTF font.

After adding the font click in the Save font button.

Manage Fonts:

When you will click in the Manage Font section, you will see the above screen shot as webpage. The manage font is another way to add the fonts in the tool.

Here you can add .TTF format fonts in the Fonts category.

You can add new font, view the font, delete font and can change the status of the font i.e. Active/De-Active from this page which will effect in the tool.

How to add the fonts :

• Click on the Add New Font button, you will see the below page
  
  Here select the font category, in which you want to add the fonts. Then click on the choose File button and upload the font that you want to add. After that click on the Submit button to add the font. Note: If you want to add more fonts click on the Add More button.

Manage Main Products:

In this page you can add the non-customizable product where you don't have to set the designing area in the product.

How to add the non-customizable product.

• Here select the font category, in which you want to add the fonts. Then click on the choose File button and upload the font that you want to add. After that click on the Submit button to add the font. Note: If you want to add more fonts click on the Add More button.
  

Assign Main Product:

When you will click in the Assign Main product Option you will see the above web page.

Here you can assign the product that you want to send in the Featured Product category. The feature product category is in the website.

• For adding the product in the Featured product you have to perform the following steps:- 1. Open Admin panel and the Website in the same browser in different tab. 1. Then design any product in the website designer tool and click in the Add to Cart, it will get save into the admin panel and you can see in the Assign main product page. (Product Management> Assign Main product).
  
• 3. Here you can see the product which you have designed in the designer tool.
  
• 4. So, select it and then Click in the Assign to Main Product option.
• 5. You will see that the product now reflect in the Featured product section of the website.

Manage Hot Design:

When you will click in the Hot Design Option you will see the above web page.

How to assign the hot design in the website.

1. Open the Online designer tool and the admin panel on the same browser in different tab.

2. Then go in the admin panel and choose, Product Management> Manage Hot design.

3. Then select any of the design and click in the Assigned magnifier button.

Here you can assign the particular design with different products and then these product will get show in the hot design section of the website.

TOOL MENU

In the Tool menu you will find 5 options:

• 1. Banner Manager.
• 2. Meta Data.
• 3. Static Pages.
• 4. Manage Color.
• 5. Manage Tool.
• 6. Manage E-mail. From the Banner Manager, you can add the banner that you want to be in the front of the website.
  

  You can change and edit the banner.

  Click on the Tool > Banner Manager, you will see following page.

  

  Here you can change the status of the Banner, i.e. Active/De-Active, Edit, Delete and can view the information.

  How to Add New Banner:

  1. Click on the Add Banner.

  
• 1. Here you have to provide following information like,
  1. Banner title, specify the title/name of the banner.
  2. Banner Url, specify the url where you want to show this banner.
  3. Banner Group, specify the group in which you want to add the banner or you can also specify the new group.
  4. Image, Specify the image of the banner.
  5. HTML text, you can also specify the HTML tag for the banner.
  6. Scheduled At, specify the date and time from when you want to activate this banner in the website.
  7. Expires on, specify when you want to make invalid this banner. If you want that it should not expire then type 0000000000.
  8. Impression/Views, specify the information of impression or views if available to the user.
  9. Open In, it includes two option same window, it means that when you will click in the banner it will open the link in the same window. But if you select another window option then the banner link will open in other window.
• Meta Data, provides you the option from where you can make your website to be get from Search Engine.
  

  Here you can view, edit or delete the meta data.

  For editing the meta data click on the Edit button( pencil image), you will see following information.

  
  1. Here, you can provide the Page Url, title of the meta data.
  2. Then specify the meta keyword, those words which search engine will use to search the page.
  3. In Meta Description, provide the description of the meta keyword.
  4. After updating the information click on the submit button. The information will get updated.
• Static Pages, allow to update the content of the website.
  

  Here you can Edit the content of the page by clicking on the edit button, below page will open to change information.

  
• Manage Color, allow you to add the different colors which will shown in the tool.
  

  This option allows you to add color in the color patterns section of the online Designer Tool.

  You can change the status of the color, add new color, edit color, view color information and delete the color.

  How to add new color:

• 1. Click in the Add New Color.
  
• 2. Provide the information like:
1. Color code: specify the color which you want to add by clicking in the button and selecting the color.
2. Color Name: Specify the color name.
• 3. Then click in the submit button to add the information.

• Manage E-mail, allows admin to view e-mail for different purposes and edit the content of e-mail to be send for different purposes.
  

  This section allows you to draft the premade e-mails. For Example, if you want to prepare a e-mail for the user to (contact us reply to user). For this click View Mails, you will see the below page.

  

  Then click in the Edit pencil icon to edit the e-mail, you will see the following page.

  

  Here you can draft an e-mail which will then automatically send to the user in reply of any query.

  Then click on Submit. It will get save on the draft.

• Manage Tool, allow the admin to add active/de-active the feature of the tool.
  

  Here the you will get option to change the status of the Tool option i.e you can view the information , change the status to Active/De-active, can delete the tool option.

  Also you can edit the text/caption of the tool text, for this click in the edit button.

  

  In the Name, you can provide the text/Caption of the particular text available in the tool into different language.

Miscellaneous Menu

• The Miscellaneous menu contains 5 options mentioned below:- 1. Manage Coupons. 2. Contact Us. 3. Manage View. 4. Manage Size. 5. Discount.
• 1. Manage Coupons: Here you can add, delete , edit the coupon for discount that you want to allow for your users. a. How to edit or add the coupons:
  1. i. Click on the Add coupon or edit button.
     
  2. ii. In description, you can provide the name of the coupon.
  3. iii. In discount Value, provide the value by which you provide the discount. For example here it is provided 10.
  4. iv. In discount Type, there are three options available.
  5. v. Discount on order(%), the discount value will work on percent basis on total order.
  6. vi. Discount on order (amount), the discount value will work on total amount.
  7. vii. Free shipping.
  8. viii. Start Date, this text box will decide the start date i.e. from which date you want to start the coupon.
  9. ix. End Date, this text box will decide the End date i.e. from which date you want to End the coupon.
  10. x. Then click on the Submit button to submit the above information.
• 2. Contact Us: Here you can see all the contact id (E-mail id's) that have contacted the website.
  
  Mention the Reply point
• 3. Manage view: Here you can add the number of views that you want use in the application. How to add View:
  1. i. Click in the Add New View.
     
  2. ii. In Name, provide the name of the view. For example: Side Left View.
  3. iii. In Price, provide the price if you want to mention for printing.
• 4. Manage Size: Click in the Tool>Manage Size
  

  Here user can add the different size that you want to use with your product like XXL, XL etc. You can also add, edit, delete and can change the status of the size.

User Menu

• In User menu you will get 5 options:- 1. User Details. 2. Manage Zones. 3. Manage Country. 4. Manage State. 5. Manage County.
  1. 1. User Details: When you will click on User > User Details.
  2. 2. Manage Zones: Here the user can add the different zones.
  3. 3. Manage Country: Here the administrator can add different countries.
  4. 4. Manage State: Here the administrator can add states in the countries which can be used in the signup fields.

Order Management

• In Order Menu it includes two options:- 1. Order Management . 2. Order Status.

• When you will click on the Order Management option you will see the above webpage: 1. Full details of the order are shown in the page which is entered by the user when he purchase the T-shirt. 2. In this page you can manage your order by selecting the status of the project like Pending, Process, Returned, Delievered. 3. You can also delete the particular order. 4. Also you can generate the output of the design by clicking in the Generate PDF button and save it in the PDF format in your local computer.