Oscommerce Setup
- 1. Oscommerce SetupBy Tan Hai Tat, HT ZoneBlog : http://tanhaitat.blogspot.comFacebook : haitattan@hotmail.comEmail : haitat@htzone.com
- 2. DisclaimerThis slides is the draft training guide for HT Zone’s course on OS Commerce. Use at your own risks If you need help in setting up eshop, you can check out the packages at http://www.htzmarketing.com
- 3. Things to prepareBasic Content Welcome, Shipping, Conditions, Privacy Save them into a notepad (text document)Images of products Landscape or portrait, different “size”* Product catalog Name, Format, WordsDomain Name / Hosting ProviderMake sure it support the software you using Check out http://www.htzhosting.comFor customization, contact haitat@htzone.com
- 4. InstallationLogin to yourdomain.com/cpanelClick “FantasticoDe Luxe” Under “E-Commerce”, select “OS Commerce”Key in a directory/folder if necessaryKey in admin id/pwd“Install OS Commerce”“Finish Installation”Key in your email for id/pwd to be sent to you
- 5. Basic ConfigurationAdministratorsInsert extra administrator if you needBeware that they will have equal rightsMy StoreEdit as necessary“send extra order emails to”“show category count”“switch to default language currency” must be false if no USDMaximum/Minimum ValuesOptional setting to look at when you are very free.
- 6. ConfigurationImagesSet only width or height to allow auto sizingDon’t put any value at all for the other settingCustomers DetailsGender and Date of BirthSet True means must key in. False means don’t showProduct ListingThe sort number refer to appear from left to right, or top to down on depending on templates
- 7. ConfigurationStock“Check stock level” advised to “false” and ignore other settingSubtract Stock and allow check outTEST IT before you go life if you want to use it.Email Options“Verify E-Mail Addresses Through DNS” set to True“Send Emails” set to True
- 8. Advance ConfigurationDownloadNot applicable unless selling digital products only
- 10. Currencies“Delete” unwanted Currency,ie, EURO“New Currency” to addCode must be in capsie, SGDTake note of the point ( . , ) and places (2)Value set to 1.0Checked “Default Current”“Insert”Do a “Update Currency” if more than one
- 11. Languages“Delete” unwanted languagesClick “Details” to see all the languages files that you can make changes toRemember you can only change text within the two quote ‘….‘Ie define('TEXT_INFORMATION', 'Put here your Privacy Notice information.');Words in BOLD can be changedIf say want to put “it’s” the code will be “it\’s” READ YOUR DEFAULT CONTENT on the eshop.
- 12. Order StatusYou can set extra order statusNormally not used at all.
- 13. Locations / TaxesSet only if you want to have taxSet TAX Zones, ie SINGAPORESet TAX Classes, ie GSTSet TAX Rates, ie 7%
- 14. ModulesPaymentInstall as necessary Ie, COD, Check, PaypalRemove unwanted ie, Credit cardTo set paypal, edit and insert your paypal email Sign up paypal hereCommon Error : Select your country first
- 15. ModulesShippingFlat Rate : Same amount regardless of ordersPer Item : Fee base on quantityTable Rate : Fee base on weightNote the default unit is lbsZone Rates : Use this if you doing internationalOrder TotalMake use of “LOW ORDER FEE” for like charging delivery fee for those buying under XXX amount.
- 16. TipsAlways have two windows or two tab to toggle within admin and actual websiteDo a “refresh” or F5 to see changesIf not working, “Ctrl-F5” few timesIf really not working, reboot and go for breakA good habit to WRITE down the things you’ve done and the steps in case of any bugs.For making changes to languages, backup the original content into a notepad file first.
- 17. CatalogManufacturersRemove everythingThe manufacturers box will also disappear on websiteAdd in whatever you need if necessaryCategories/ProductsRemove all items you see before addingAlways add in the top level first (main category)Before adding sub-category or product, remember to click “GO TO” on top right to select the category
- 18. Catalog“New Products”In Stock / Out of Stock refer to “Active” or “Inactive”Products Name Bare in mind this has a impact on how user can search for this item in the website and also Internet Tax Class select if necessaryKey in ONLY the Nett or Gross price (auto calculate)Key in Products Description (use html if necessary)Add in quantity if you using “STOCK”Add in model number if you are using it“Browse” the imageRemember to PREVIEW and INSERT!!!
- 19. CatalogProducts AttributesNot recommended to use at initial stage of eshopNeed to assign one value to each item one by one. Each value can has an impact to the itemReviewsThese are what submitted by userSpecialsNote the “New Products” refer to products that is already ADDED.Products ExpectedDisplay lists of “upcoming” products
- 21. Note this only backup database, not your images and the files. MAY NOT WORK! Banner ManagerRemove the default OS Commerce banner belowAdd your own if necessary (ie, supplier banner)Define LanguagesShortcut to make changes to your languages filesFile ManagerUpload or make changes to any files
- 22. Inserting Top BannerCooltext.comEdit/Select content or options accordinglySave as “store_logo.png”File ManagerMake sure at /images folderpublic_html/images/ (if own domain)Upload / Browse / UploadRefresh to see the changes
- 23. Testing the EshopSign up as customerAdd items to shopping cartCheck outEnsure customer got email acknowledgementEnsure “owner” got email notification“Owner” log in as admin to click “Customers”Goto “Orders”Look for pending orders to edit/update statusOptional value : Comments and Notify customer
- 24. TipsTo replace any graphics, right click to check the url and filenameReplace it with a new one with the same filename and upload via “File Manager” to the same locationREMEMBER : NO CAPS, NO SPACING in filename
- 25. Stylesheet.cssGoto Tools/File ManagerGoto “root” folder, ie /public_html/click stylesheet.cssClick EDIT (or double click stylesheet.css)Recommended to edit the file using notepadhttp://www.html-color-codes.com/
- 26. Stylesheet.cssMake use of “Edit” “Replace” to one-off make changes to the whole file if the codes is duplicatedBody background #ffffff (white) Bbc3d3 : the light grey at all boxesb6b7cb : border of all boxesF8f8f9 : background color of all boxesFont Size : change the 10px..12px
- 27. Boxes CornerToolsFileManager/images/infoboxReplace the following with your owncorner_left.gifcorner_right.gifCorner_right_left.gifRemarks : If nothing to put, download the /images/pixel_trans.gif and “save as” all three
- 28. Changing the headerToolsFile Manager/includes/header.phpLook for the <table> … </table> containing store_logo.pngReplace with <table> <tr><td> <imgsrc=images/store_logo.png> </td></tr> </table>
- 29. Changing the footerToolsFile ManagerLook for /includes/footer.php Find <?php echo FOOTER_TEXT_BODY; ?>Put whatever content you want infront of it and end with a <br>Ie Web Hosted by HT Zone<br> <?php echo FOOTER_TEXT_BODY; ?>
- 30. Editing the right columnToolsFile ManagerGoto /includes/column_right.php You can removeinclude(DIR_WS_BOXES . 'languages.php');include(DIR_WS_BOXES . 'currencies.php');
- 32. Signing up Google Adsensehttp://www.google.comClick on the “Advertising Program”Click Google AdsenseSign upEnsure put all real detailsYou cannot make changes to the PAYEE nameSign up ONLY AFTER your website is ready
- 33. Useful Basic HTML<b> .. </b><i> … </i><u> .. </u><br> Break a line<font size=x> … </font><font color=#ffffff> … </font>