Coding guides

BookingTimes has a number of libraries included in the system, so you do not need to install them when coding. These are: Javascript JQuery JQuery UI JQuery SlickNav Chart.js Bootstrap Font Awesome Icons V6: https://fontawesome.com/v6.0

BookingTimes includes a subset of the Font Awesome Version 6 icon library, found here. BookingTimes has not included the Brand icons collection to minimize the size of the webpages when loaded, however, you can use the brand icons such as twitter...

You can create a location search filter which offers a searchable list of locations and links users to the relevant page for that location. There are two types of location search filters available: Automatically populate with the location availabl...

You should follow the checklist below to ensure your website is high quality. Please ensure that: The logo is correct and clear in all screen sizes. The favicon has been added under  Setup >  System Settings >  General Layo...

Sometimes you will want to make the topmenu transparent so the website banner details can be seen underneath. There are a number of existing  css classes you can modify to create a transparent topmenu, as well as restore the menu background col...

This article details how to correctly implement and style BookingTimes Course Selectors Example Course Selector     Course Selectors need to be coded a special way to actually work with the booking system. Once you have do...

You may have a course selector on your site, which displays the dates and times for courses in different localities. Example Course Selector. See  Adding a Course Selector for more information about implementing course selectors.  ...

BookingTimes does not have dropdown menus by default. This guide will show you how to add dropdown menus using HTML and CSS. Important Notes Use dropdowns sparingly Generally it is better to use single menu links to avoid the top header from...

Shortcodes are placeholders that can be added to your HTML code. These shortcodes automatically display the name or price for a linked product or service. This means you don’t need to update the HTML text when the pricing changes in the business set...

To jump/scroll to an anchor on a page you must use javascript. This allows you to account for the height of the header. Step 1: Add an ID to the element you’d like to jump/scroll toStep 2: Add the ID to your lin...

Membership Restrictions are a feature which prevents people from booking a particular service unless they are part of an associated membership group. You can show/hide content on a course page using a special CSS class. If a website visitor is log...

The links on the booking calendar inherit the color of the links under Setup > General Layout . You may want the booking calendar links to be a different color. To do this, you can add some CSS to the global CSS file. .CourseBooking ...