By default, hitAppoint front end features minimal design, basicaly there is only hitAppoint on that page. Most probably, you would want to have a header and a footer to show your contact details or other information and designed to match the look and feel of other parts of your website.
With hitAppoint you can easily achieve this. Within the main hitAppoint directory there already exists a subdirectory named theme. If it does not, please create it.
If the theme directory was already there, it must have contained the index.rename_it.php file. Please rename it to index.php, or just create a new index.php file.
This file is the layout for the hitAppoint front end. We've got just 2 simple requirements for this file:
- It must contain the <head> part, it's required so that hitAppoint can place its CSS and JavaScript in the right place
- It must contain the [hitappoint] tag, this is the place where hitAppoint front end view will be rendered.
So here is the simplest example of the theme file:
<html> <head></head> <body> [hitappoint] </body> </html>
With a file like this, your front end view will remain the basic default one, so please feel free to edit the theme/index.php according to your website style and information. So you might end up with something like this:
<html> <head> <link rel="stylesheet" href="http://www.mysite.com/style.css" type="text/css" /> </head> <body> <h1>Our Company</h1> [hitappoint] <h4>Contact Us</h4> 123 Nice Drive, CA </body> </html>