WARNING: Muay Thai Customizer is under renovation due to deprecated and unsupported of the new browsers version. We are now developing a new customizer that supports all browsers version.
NOTE: In order to operate the customizer properly we highly suggest to use the following version of the browser.
If the submission of your design is failed, please make a screen capture of customize short design you made and send it on suksingpatong@gmail.com to make sure we can process your request immediately.
[iframe src=”http://singpatong-sitnumnoi.com/shorts/” width=”900px” height=”765px” style=”background: url(http://store.singpatong-sitnumnoi.com/wp-content/uploads/2012/12/ajax-loader.gif); background-repeat: no-repeat; background-position: 50% 50%; margin-top: -18px;”]
Step-by-step Guide in Designing Your Own Muay Thai Shorts
CHOOSE A BRAND / MATERIAL / SIZE
1. Choose Your Brand
Available brands are Singpatong, Twins, or Blank.
By choosing Blank, it will clear the brand space above that allows you to put your own brand logo/sign/text.
Chosen brand will display on the waist center portion of the short.
2. Type of Clothing
Choose your desired cloth material between Nylon and Satin. Price will vary depending on your selected cloth material.
3. Choose Your Size
Sizes are available in Small, Medium, Large, Extra Large and Double Extra Large. Price will vary on your selected short size.
CHOOSING A TEMPLATE
1. Tassel
Tassels are available in different portion of the shorts – Top, Side, and Bottom.
Once a tassel color was chosen, it will automatically apply in the current selected portion. If you are selecting a tassel portion, the selected color in the tassel color picker will automatically apply.
Chosen tassel color per portion will display on the short.
Price will vary depending on the number of tassels added.
2. Border
You can add a border on the bottom of the short or leave as default.
Choose available colors for your border.
3. Theme
First, choose your desired short template among various designs displayed in template pane. Chosen short template will automatically display in custom short pane.
To add color on your selected theme, scroll on the dropdown menu and choose your desired color. Please note that by default, you cannot choose a theme color unless you choose your desired shorts’ theme.
SET YOUR COLORS
1. Waist – Choosing your desired color will automatically apply on the waist part of the short.
2. Legs – Choosing your desired color will automatically apply on the leg part of the short.
3. Text – Choosing your desired color will automatically apply on the texts you selected.
4. Text Fill – Choosing your desired color will automatically change the fill color on the text.
5. Outline – Choosing your desired color will automatically change the outlinel color on the text.
TEXT OPTIONS
1. Bold / Italic Option
– Choose between Bold and Italic.
– Choosing Bold will make your text look bigger and thicker.
– Choosing Italic will make your text slanted.
– Click the chosen button for the selected option to be applied. A change in background color indicates the text was selected.
2. Text Fill Option
– Selecting text fill option will put a color to the text background.
– You can either set your chosen color first or click the fill text button first and then pick the color you want.
– Click the fill button for changes to apply. This will change the background color of the text; an indication that the text was selected and expect changes immediately.
3. Outline / Outline width Option
– Applying outline text option will put a color on the text outline. The outline’s width can also be set depending on your preference.
– The outline width’s default value is 0.5. You can set this to increase the thickness or thinness of the outline width.
– Click the outline button to apply changes, a change in background color indicates that the text was selected and changes will immediately apply.
4. Translate to Thai Option
– This option will tag the current English language into Thai.
– The default language is set to English.
– Click translate to Thai button to apply changes, this will change the background color of the button, an indication that the selected text will present changes immediately.
5. Font Style Option
– Various font styles are available that a user can select from.
– Input your text on the “Text Box” and choose your font style from the dropdown menu.
6. Text Style Option
– Text style option will tag the information to the text that it has a style base on the selected option in style.
– Choose your font Style among Arc, Bulge, Normal and many more.
– Click the save button to be able to see changes when you hover on the text.
– When you hover the text selection option it will show the sample text output of the selected text style.
– The default text style is to Normal.
7. Text Size Option
– Text Size slider enables you to control the size of the text by grabbing the slider.
– Sizes ranges from 10 which is the smallest to 100 being the biggest size. Size is in pixels format and 12 is the default text size.
8. Text Rotate Option
– Text Rotate option enables you to control the rotation degree of the text by grabbing the slider.
– Rotate degree are range from -180 to 180 degree. As default it is set to 0.
9. Adding Text
– Type your text in the “Text Box” provided.
– Text options are available below, which are Bold, Italic, Fill, Outline, Text translation to Thai, Font and Text Style.
– Grab the text size slider to change you text size.
– After applying different text options Hit “ADD” button to insert the text in the custom short pane.
– After hitting the add button, all text options will reset the value into its default.
10. Editing Text
– Select the text you want to update by clicking it. The text will wrap around by black border indicating that it is the current selected text.
– After selecting the text, rotation option will appear and all the previous options set will reflect on their respective fields. This will enable you to update/change the text options or see the previously set options. You can also flip the text using flip option located near upload image.
– After changing the text options hit the “SAVE” button; changes will immediately apply.
– After changing the text options, all values will go back to its default set value.
11. Deleting Text
– Select the text you want to delete by clicking it. It will be hightlighted, meaning it is selected.
– After selecting the text, hit “DELETE” button to delete the current selected text in custom short pane.
ADDING CLIPART
1. Adding Clipart
– Click the “Add Clipart” button to open the clipart image box where all the clipart are displayed.
– Clipart Image box has 3 category which are Tribal, Symbol and Logo. Each category has color option to choose what color of clipart you want to use and it also has custom size option to set your preferred width and height.
– After selecting the clipart color, you can now pick your desired clipart, the selected clipart will automatically display into the custom short pane.
– Please note that prices may vary depending on the number clipart added.
2. Deleting Clipart
– Select the clipart you want to delete. A black border will appear which indicates current selection.
– Click the “DELETE” button after selecting the clipart to delete the currently selected clipart in the custom short pane.
3. Controlling Clipart
– Select the clipart you want to have control with. A black border will appear which indicates current selection.
– After selecting the clipart, a rotation and resize option will appear. You can see the default presets once the clipart is selected. You can now rotate and change the width and height of your chosen clipart.
– By default, the proportion option is checked. To change the width and height of the clipart, deselect the proportion option.
– An option to flip the clipart is also available once the clipart is selected.
UPLOADING YOUR IMAGE
1. Adding Image
– Click the “Upload Image” button to open the file box where you can locate the image you want to upload.
– After selecting the image you want to upload, click “open” button of file box and the image will start uploading. An uploading icon will show which shows that the browser is currently busy uploading you selected image.
– After uploading is done, a notification box will appear stating “tap to insert your uploaded image”. Tap the upper center portion of the box to insert uploaded image in your custom short pane.
– Please note that prices may vary depending on the number of images uploaded.
2. Deleting Image
– Select the image you want to delete. A black border will appear which indicates current selection.
– Click the “DELETE” button after selecting the image to delete the currently selected image in the custom short pane.
3. Controlling Image
– Select the image you want to have control with. A black border will appear which indicates current selection.
– After selecting the image, a rotation and resize option will appear. You can see the default presets once the image is selected. You can now rotate and change the width and height of your chosen image.
– By default, the proportion option is checked. To change the width and height of the image, deselect the proportion option.
– An option to flip the image is also available once the clipart is selected.
OTHERS
1. Reset Design
– Click the “Reset Design” button to clear out the design in your custom shorts design pane. After clicking the “Reset Design” an alert box will pop out on your window asking if you want to proceed on clearing your pane. By clicking the “Ok” button, the custom shorts design pane will reset leaving all the settings back to its default value.
2. Complete Your Order
– Click the “Complete Your Order” button to proceed to the Order Form.
– The order form consists of client’s personal information, shipping information and payment method. Complete the order form to process your order.
– Click the “Submit Design” icon to send your Complete Short Design Order Request.
3. Price
– The default shorts price is $33. The price changes depending on the elements added on the custom Muay Thai shorts.
4. Deselecting Object
– By double clicking the selected object such as text, clipart, or uploaded image; object will automatically deselect on current condition.
5. Drag and Drop Object
– To drag and drop the object, just grab the object and hold it using the mouse left click. And then, move the object on the desired place in the design pane and release the mouse left click.
6. ToolTip
– To show the tooltip of each module, you just need to mouse over the question mark icon beside those module titles to see a brief instruction.