FreeStyle Quick Start Guide

Follow these steps to be taken through the process of creating your own CSS for the FreeStyle template.

• Test FTP access and file permissions using the FTP details provided with your test site details
• Ensure you have 'passive mode' set in your FTP client and log in
• Create a small file using Notepad called test1.txt
• Upload it and verify it appears in your client's directory listing
• Verify that the file is visible at http://YOUR-TEST-SITE/static/test1.txt
• Note that files in the FTP area on a site are visible on the URL /static/ on that site
• Delete the file via your FTP client
• View the source of http://YOUR-TEST-SITE/ and note the default stylesheet included in the header
• Download copies of the default2.css and default3.css example CSS files
• Rename one of them to something you will recognise
• Upload this by FTP and verify it appears on the /static/xxxxxx URL as described above
• Now please log in to http://YOUR-TEST-SITE/ with the username provided - this user will have access to 'site admin'
• Go to the Dependencies option on the 'site content' menu
• This list of dependencies is how you add CSS and Javascript files to the document header. Click 'add new' to add a new dependency - note the different types you can add, and the ability to easily enable and disable them.
• Fill in the 'filename' box with the name of your uploaded file (eg. default2.css ), then choose either of the CSS types under 'Type', and click Save
• View the source of http://YOUR-TEST-SITE/ again to verify that your newly uploaded stylesheet is included in the header, in place of the default.
• Make a small change or two to your CSS file and upload it again
• Verify that your updated file appears after doing a full refresh (CTRL+F5)
• Using your QuickOrder Developer username and password, check you can log in to the developer forum at http://forum.quickorder.uk.com/ - you can ask general questions and request features there, but in some cases you may be referred to the main support desk.