Ocodewire tshirt_design_tool_demo
-
Upload
magento-ocodewire -
Category
Design
-
view
353 -
download
0
description
Transcript of Ocodewire tshirt_design_tool_demo
![Page 1: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/1.jpg)
T-Shirt Design Tool For Magento Store
Compatibility: 1.5, 1.6, 1.6.1, 1.6.2.0, 1.7, 1.8, 1.8.1, 1.9
![Page 2: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/2.jpg)
Table Of Content
1. Introduction2. Installation Guide 2.1 How to Install 2.2 After Installation3. Uninstallation Guide4. How It Works5. Features List 5.1 Admin Features 5.2 Customer Features 5.1 Other Features
6. Demo 6.1 Frontend 6.2 Backend7. FAQ8. Contact
![Page 3: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/3.jpg)
Introduction
Allow your Customers to Design their T-shirt Online. Provide the options like Edit T-shirt Color, Add Text, Upload an Image, Add ClipArt Online and then, Save the Design Online. As well, provide the share option via FB, Twitter and Email.
Change Product → Add Text Upload → Add Own Image → Add Clip Art → Add Notes → Add Names & Numbers
Save Design → Enter Email to see the Design where Customer want → Get a Quote → Checkout
![Page 4: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/4.jpg)
Installation Guide
1. Login to your Magento Admin Panel
Step 1- How to Install
![Page 5: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/5.jpg)
2. Go to System → Magento Connect → Magento Connect Manager
Installation Guide Step 1- How to
Install
![Page 6: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/6.jpg)
Installation Guide
3. Enter your Magento username and password for the Magento Connect Manager.
Step 1- How to Install
![Page 7: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/7.jpg)
Installation Guide
4. Under the ‘Direct package file upload’ section, select the Choose File button.
Step 1- How to Install
![Page 8: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/8.jpg)
Installation Guide
5. Select the file and click Upload
6. Click on Return to Admin
7. Go to System → Cache Management → Flush Magento Cache
8. To Complete installation, logout and log back into your Admin panel.
Step 1- How to Install
![Page 9: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/9.jpg)
Installation Guide Step 2- After Installation
1. Login into Magento admin, here you would see "Ocode Designer" in top menu.
![Page 10: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/10.jpg)
Installation Guide Step 2- After Installation
2. Go to Ocode Designer tab → Sample Products, and click on "Sample Products". By clicking that tab, Admin can create a sample product of Design Tool.
![Page 11: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/11.jpg)
Installation Guide Step 2- After Installation
3. Go to CMS page & click on any CMS page where you want to insert design tool.
![Page 12: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/12.jpg)
Installation Guide Step 2- After Installation
4. Now, Go to "Content Now" . Click on "Insert Widget" from the Widget Dropdown.
![Page 13: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/13.jpg)
Installation Guide Step 2- After Installation
5. Here, select the "Widget Type" as “Ocodewire Design Tool”.
![Page 14: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/14.jpg)
Installation Guide Step 2- After Installation
6. In "Widget Options" → “Select Frontend Template” as "Ocodewire Design Tool".
![Page 15: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/15.jpg)
Installation Guide Step 2- After Installation
7. Click on Insert Widget → Design Section & choose "Page Layout" as "1Column" and “Save” Page.
![Page 16: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/16.jpg)
Installation Guide Step 2- After Installation
7. Go to Front end and open that CMS page. Now you would see the “Ocodewire Designer” on that page with T-shirt.
![Page 17: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/17.jpg)
Uninstallation Guide
1. Login to your Magento Admin Panel.
2. Go to System → Magento Connect → Magento Connect Manager.
3. Enter your Magento Connect Manager username and password.
4. Locate the extension you are uninstalling in the Magento Existing Extensions section.
5. Select Uninstall in the column Actions.
![Page 18: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/18.jpg)
Uninstallation Guide
6. Click on Commit Changes and for the extension to be successfully removed.
7. Click on Return to Admin.
8. Go to System → Cache Management → Flush Magento Cache
![Page 19: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/19.jpg)
Important Tips
1. After installing or uninstalling extensions, it is recommended to clear your cache.
2. You can do it from, Backend → System → Cache Management.
3. Select all cache types, then choose the Refresh action and click the Submit button.
4. Don’t forget to re-login after both these procedures.
How to Clear Cache
![Page 20: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/20.jpg)
Note:- It is more preferable to flush Magento store cache by Deleting all the content in /var/cache/.
Important Note
![Page 21: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/21.jpg)
How to Make a Database Backup
1. Backup your data, before making any changes.
2. You can use a native backup tool in Admin Panel → System → Tools → Backups.
3. Click the Database Backup button, now the tool is copying the data from your store’s database to your local Database.
4. The Magento backup file appears in /var/backup/ after the procedure.
![Page 22: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/22.jpg)
Some Advanced Features Admin Features
1. Set the price of per Clip Art / Text / Uploaded Image. 2. Set the price of Name and Number.3. Admin can upload Fonts for text.4. Admin can upload available Clip Art. 5. Admin can manage list of available Colors of Product6. Admin can upload Design Patters for particular product.7. Admin can upload Design Patters for particular product.
![Page 23: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/23.jpg)
Some Advanced Features Customer Features
1. Allow to change the product color.2. Allow to enter the text on the product & change the text color, position, size, font family.3. Allow to upload images.4. Allow to add clip art & change the clip art color, size, position.5. Allow customer to add name, number on product.6. Allow customer to recreate design from starting.7. Get quote enables customer to calculate price according to added clip art / text / uploaded image and name-number.
![Page 24: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/24.jpg)
Some Advanced Features Other Features
1. Easy to install & customize.
2. User-friendly- customer can easily design their products.
3. No front end layout override or extra code.
4. Support multiple languages & stores.
![Page 25: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/25.jpg)
Extension Demo Backend Demo
→ Design Style Manager
![Page 26: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/26.jpg)
Extension Demo Backend Demo
→ Add Product / Item information
![Page 27: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/27.jpg)
Extension Demo Backend Demo
→ Add Product Color Availability Code
![Page 28: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/28.jpg)
Extension Demo Backend Demo
→ Upload Product / Item Preview Image
![Page 29: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/29.jpg)
Extension Demo Backend Demo
→ ClipArts Manager
![Page 30: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/30.jpg)
Extension Demo Backend Demo
→ Add New ClipArt Design
![Page 31: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/31.jpg)
Extension Demo Backend Demo
→ Pattern Font Manager
![Page 32: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/32.jpg)
Extension Demo Backend Demo
→ Add New Font Pattern
![Page 33: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/33.jpg)
Extension Demo Backend Demo
→ Color Manager
![Page 34: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/34.jpg)
Extension Demo Backend Demo
→ Add New Product Color
![Page 35: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/35.jpg)
Extension Demo Backend Demo
→ Price Setting
![Page 36: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/36.jpg)
Extension Demo Frontend Demo
→ Select Product, which you want to Edit
![Page 37: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/37.jpg)
Extension Demo Frontend Demo
→ Change Product Color
![Page 38: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/38.jpg)
Extension Demo Frontend Demo
→ Browse Image to Print on the Selected Product
![Page 39: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/39.jpg)
Extension Demo Frontend Demo
→ Edit Image – adjust & resize the image
![Page 40: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/40.jpg)
Extension Demo Frontend Demo
→ Add Text
![Page 41: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/41.jpg)
Extension Demo Frontend Demo
→ Edit Text Color, Border Color, Select Font Family, Text Position, Size Rotate
![Page 42: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/42.jpg)
Extension Demo Frontend Demo
→ Add Clip Art
![Page 43: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/43.jpg)
Extension Demo Frontend Demo
→ Edit Clip Art Color, Resize Clip Art, Set Position
![Page 44: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/44.jpg)
Extension Demo Frontend Demo
→ Select Product Size, Quantities
![Page 45: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/45.jpg)
Extension Demo Frontend Demo
→ Save Design
![Page 46: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/46.jpg)
Extension Demo Frontend Demo
→ Get Quote
![Page 47: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/47.jpg)
Extension Demo Frontend Demo
→ Add Note About the Product
![Page 48: Ocodewire tshirt_design_tool_demo](https://reader036.fdocuments.us/reader036/viewer/2022062707/557eb74dd8b42a1e438b50b5/html5/thumbnails/48.jpg)
Contact Us