Noo Timetable

Import Demo

To import Demo data of NooTimetable plugin, please go to NooTimetable settings/ Import Demo/ Click Install Demo button

Installation

Plugin Installation

Noo Timetable Installation also complies with the common way to install any plugins. it is quite straightforward and easy:
Step 1: Go to Plugins in your admin dashboard >> Add New>> click Upload Plugin
Step 2: Upload NooTimetable.zip file >> Click Install Now button
Step 3: Go to Plugins >> Installed plugins>> Noo Timetable plugin >> click Activate link under name of the plugin to activate it

After installing this plugin, there will be 5 new points in admin dashboard you should heed:

Pages >> Add New

♣ In case you use Visual Composer plugin, please click on + icon . navigate to By NooTimetable tab > see extra 4 shortcodes originated from Noo Timetable plugin. They are Noo Trainer, Noo Class, Noo Event and Noo Schedule.
♣ If you do not use Visual Composer, we provide you with NOO shortcodes icon located in the default WordPress toolbar. Click on downward arrow to selects Schedule shortcode and Data list which includes Trainer List (Noo Trainer), Class List (Noo Class) and Event List (Noo Event)

2. Classes

You will add Classes. Class Level and Trainers in this section.

3. Events

You will add Events and Organizers in this section.

4. Noo Timetable

This section comprises 3 tabs:
Settings: Determine how classes, events and trainers are displayed on the frontend
Schedule: Contain default settings of Schedule shortcode and design options to Class and Event schedule.
Automatic Update: Enter you license key here to get automatic update of the plugin
Moreover, go to Noo Timetable/ Import Demo. With only one click, you can import demo data of this plugin

5. New widgets in Appearance/ widgets

No sooner have you activated Noo Timetable plugin than you find that there will be 2 new widgets in Appearance/ widgets. They are Noo Timetable: Popular Class Slider and Noo Timetable: Event Slider: Popular Event used for Class sidebar and Event sidebar respectively

NooTimetable settings

Noo Timetable settings

You can see 3 tabs shown on the top when you go to admin dashboard/ NooTimetable/ settings.

Settings

♣ Classes
These options control display of classes on the site
Classes URL slug: It is the slug used for building classes url
Number of classes on a page: the number of classes are shown on a page
Class page layout: There are 2 layouts which are Grid and List
Number of columns: The number of columns are shown on the grid interface. It fluctuates between 1 and 4
Order Classes By: Classes can be ordered by Open Date and Class Creation Date
Order Direction: There are 2 directions which are ascending and descending

♣ Trainers
These options control display of trainers on the site
Trainers URL: It is the slug used for trainers url
Number of trainers on a page: The number of trainers are displayed on a page
Trainer Page Layout: there are two layouts which are List and Grid
Number of columns: The number of columns are shown on the grid interface. It fluctuates between 1 and 4

♣ Events
These options control display of events on the site
Events URL slug: It is the slug used events url
Number of events on a page: The number of events are shown on a page
Event Page Layout: There are 2 layouts which are Grid and list
Number of columns: The number of columns are shown on the grid interface. It fluctuates between 1 and 4

Show Color by Event background: Choose Yes or No to show color on event’s background.

Order Events By: You can select event’s order in the drop-down list. There are 7 options: Default, Current Date, Start Date, Recent Post Date First, Older Post Date First, Title Alphabet and Title Reversed Alphabet.

Hide past events: Select Yes or No

Event excerpt length: Enter length of the event excerpt

♣ Google Maps API Key
Input an API key here so that map on the single event page can be displayed well.

2. Schedule

♣ Schedule settings

These options are used for Schedule shortcode

Show Category Filter: Choose Yes/ No to show/hide Category Filter

Show Time Column: Choose Yes/ No to show Time column in Weekly and
Daily View

Show Weekends: Choose Yes/No to show/hide classes on Weekends

Show Toolbar (Navigation): Choose Yes or No to show/hide toolbar. Click the backward and forward arrowhead to see the previous and next class schedule

Show Date: Choose Yes/ No to show/hide date on the first row of the schedule

Default Date: Enter a date here. This will handle which class schedule will be show firstly for viewers when they go to Schedule page. For example, if you input 2016-07-04, the first-viewed schedule in Weekly style will be the one including that date.

In case, it is in Daily style, the first-viewed schedule will be the one of that day (4th July 2016).

If you leave this option blank, by default, the first-view schedule will be the one of the current date. It coincides with the date on which you are accessing this schedule page.

Show Class/ Event info in Popup: In case you select No, when you click any classes in the schedule, it will direct you to a new window/tab to see those classes. Meanwhile, if you choose Yes, it will show you a popup including Class information when you pick a class.

Popup style: There are 16 pop up styles so that your pop up will be more conspicuous

Show Export: Choose Yes/ No to show/hide Export to iCal button at the bottom of the schedule

♣ Design options

These options control design of Class and Event Schedule

Show Class category by its color: Choose Yes/No so that color of class categories will be shown/hide. The color depends on Classes/ Class Category settings
Class Item Style: You can choose Category Color or Background color by category.
Show Class Icon: Choose Yes/ No to show/hide Icon
Event Item Style: This option handles background style of events shown on the schedule. It can be Background color, background image (it is featured image of each event) or background none.
Show Event Icon: Choose Yes/ No to show/hide Event icon
Heading background color: Select a heading background color
Heading text Color: Select a heading text color
Today`s background: The current date`class schedule will have the color you set in this option

3. Automatic Update

Enter a license key here to get automatic update of the plugin

Post types

Post Types

Classes and Events are 2 post types included in this plugin

1. Classes

♣ Add a new Class category
Go to Classes/ Class Category/ Enter name of class category and select color of the category / click Add New Class Category

♣ Add a new class level
Go to Classes/ Class Level/ Enter name of Class Level/ click Add New Class Level

♣ Add a new trainer
Step 1: Go to Classes/ Trainers/ click Add New Trainer/ Enter title and content.
Step 2: Complete 3 sections below the content
Trainer Class Category: Tick a box to choose a class category the trainer focuses on.
Trainer information: Welcome text, Position, Experience, Email, Phone, Biograpphy, Skill (click + icon to add label and value)
Trainer Social Information: Enter links of social account.
Step 3: Upload a featured image on the right side. It can be image of the trainer. Click Publish button.

♣ Add A New Class
Step 1: Go to Classes/ Add New Class/ Enter a title and content
Step 2: Complete Class settings
Open Date: The date on which this class is opened
Open time: The time at which the class starts
Close Time: The time at which the class closes
Trainers: You can select trainers of this class
Address: Enter an address here
Use Manual Settings: If you tick this box, you can choose Open Date & Time, Close Time, Trainers and Address manually, Use Advanced Schedule section will disappear
Number of weeks: The number of weeks for which this class will last
Days of Week: Weekdays on which this class is organized
Use Advanced Schedule: If you tick this box, it will show days you set in Days of week section. Besides, you can set up open time, close time, Trainers and address which will be prioritized. You can click + icon to add these items.
Register Link: When users click on Register button, it will direct them to this link
Step 3: On the right side, choose a class category, class level and upload a featured image
Step 4: Click Publish button

Holiday settings

In case, your class schedule coincides with holidays, you will find settings in this section useful. It will avail you in hiding your class on the schedule. You only need to select a Start date if your holiday is on a date. Meanwhile, if it lasts more than one day, you will select both Start date and End Date. Moreover, you can also add Start and End dates if you want by clicking + icon.

2. Events

♣ Add an organizer
Go to Events/ Organizers/ click Add New Organizer / Enter Title and complete trainer information such as Author, Avatar, phone, website, email and position/ click Publish button

♣ Add an event category
Go to Events/ Event Categories/ Enter name of the category/ click Add New Event Category

♣ Add a new event

Step 1: Go to Events/ Add New Event/ Enter title and content
Step 2: Complete settings below the content
Organizers: Select an organizer in the drop-down list
Background color: Select a background color (this will be shown on Event Schedule)
Start/End Date: The date on which this event will start or end
Start/ End Time: The time at which this event will start or end
Recurrence Rules: It allows you to set the class/event to be repeated weekly, monthly or annual on the schedule based on detailed and specific options. There are 6 rules available: None, Every Day, Every Week, Every Month, Every Year and Custom (you can select the frequency of the class/event)
Address: Enter an address at which this event is organized
Latitude/ Longitude: Enter a latitude and longitude corresponding to the above address
You can go to this website to look for a latitude and longitude:
http://www.latlong.net/
Step 3: On the right side, choose Event categories and upload a featured image
Step 4: Click on Publish button

Requirement For Timetable

To use Timetable plugin, you must be running WordPress 4.4 or higher, PHP5.6 or higher, and MySQL 5 or higher.

Shortcodes

Shortcodes (integrated with Visual Composer)

There are 4 shortcodes incorporated into Nootime table plugin. They are Noo Trainer, Noo Class, Noo Event and Noo Schedule

1. Noo trainer

This shortcode is used to show trainers
Title: Enter a title here
Subtitle: Enter a subtitle
Layout Style: There are 2 styles which are Grid and List
Columns: The number of columns is shown
Trainer categories: Choose displayed categories
Order by: This option controls display order of trainers based on Default, Recent First, Older First, Title Alphabet and Title Reversed Alphabet
Max Number of Trainers: The maximum number of trainers is shown on the page

2. Noo Class

This shortcode is used to show Classes
Title: Enter a title here
Subtitle: Enter a subtitle
Layout style: There are 3 styles which are Grid, List and Slider
Show Info: You can choose Show Date & Time, Only Date, Only Time or Hide Date and Time
Columns: The number of columns is shown (only available to Grid and slider style)
Auto Player Slider: Choose Yes so that the slider can play automatically
Class categories: Select categories you want to show
Order by: This option controls display order of classes based on Default, Recent First, Older First, Title Alphabet and Title Reversed Alphabet
Max Number of Classes: The maximum number of trainers is shown on the page

3. Noo Event

This shortcode is used to show Events
Title: Enter a title here
Subtitle: Enter a subtitle
Layout style: There are 3 styles which are Grid, List and Slider
Columns: The number of columns is shown
Auto Player Slider: Choose Yes so that the slider can play automatically
Event categories: Select categories you want to show
Order by: This option controls display order of events based on Default, Recent First, Older First, Title Alphabet and Title Reversed Alphabet
Max Number of Events: The maximum number of trainers is shown on the page

4. Noo Schedule

This shortcode is used to show Class or/and Event schedule
♣ General tab
Title: Enter a title
Sub title: Enter a sub title
Schedule source: Choose which data you want to show. It can be Class or Event or both Class and Event
Default View: There are 3 kinds of View (Monthly/ Weekly/ Daily). This option will only be available if you select Class or Event in Schedule source.
Class/ Event Categories: Choose class/event categories you want to show. This option will only be available if you select Class or Event in Schedule source

♣ Time options tab
Schedule Min Time: Select a minimum start time for the schedule
Schedule Max Time: Select a maximum end time for the schedule
Hide Time Ranges: Select hidden time ranges
Show Time Column: You can select Default/ Yes/ No. Default option depends on what you set up in NooTimetable/ Schedule settings.
Notice that despite settings in NooTimetable/ Schedule, all options in this shortcode are prioritized

♣ Design options shortcode
Schedule height: Input height of the schedule. Leave blank for auto height
Show Class category by its color: You can select Default/ Yes/ No. Default option depends on what you set up in NooTimetable/ Schedule settings
Class Item Style: There are 3 styles which are Default, Category Color and background color by category
Class Show Icon: You can select Default, Yes or No to show or hide icons
Heading Background Color/ Heading Text Color/ Today`s background: Select a color
Notice that despite settings in NooTimetable/ Schedule, all options in this shortcode are prioritized

♣ Extend Options
Show Category Filter: Select Default, Yes or No to show/hide the filter
Show Weekends: Select Default, Yes/no to show/hide weekends. Default option depends on what you set up in NooTimetable/ Schedule settings
Show Toolbar (Navigation): Select Default, Yes or No to show backward and forward arrowhead on top of the schedule.
Show Date: Select Default, Yes or No to show/hide date. This option is only applied to Weekly view.
Custom Default Date: Tick this box to set up a default date.
Learn more about the default date NooTimetable settings/ Schedule/ Default Date

Show Class/ Event Info in Popup: Select Default, Yes or No to show/hide Popup.
Learn more about this option NooTimetable settings/ Schedule/ Show Class Event Info in Popup
Show Export: Choose Yes/ No to show/hide Export to iCal button at the bottom of the schedule

5. Noo Upcoming Event

This shortcode is used to show Upcoming Event
Title (optional): Enter title here
Sub Title (optional): Enter sub title here
Layout Style: Choose on the drop-down list
Columns: Enter number of columns here
Event Categories: Select event category from the event list
Style Pagination: Choose on the drop-down list
Max Number of Events: Enter the maximum number of events
After everything is set, click Save changes

Shortcodes (non-integrated with Visual Composer)

If you do not use Visual Composer, we provide you with NOO shortcodes icon located in the default WordPress toolbar. Click on downward arrow to selects Schedule shortcode and Data list which includes Trainer List (Noo Trainer), Class List (Noo Class) and Event List (Noo Event).

1. Trainer List

2. Class List

3. Event List

4. Schedule

This shortcode is used to show Class or/and Event schedule
Schedule source: Choose which data you want to show. It can be Class or Event or both Class and Event
Title: Enter a title
Sub title: Enter a sub title
Default View: There are 3 kinds of View (Monthly/ Weekly/ Daily). This option will only be available if you select Class or Event in Schedule source.
Class/ Event Categories: Choose class/event categories you want to show. This option will only be available if you select Class or Event in Schedule source.
Schedule Min Time: Select a minimum start time for the schedule
Schedule Max Time: Select a maximum end time for the schedule
Hide Time Ranges: Select hidden time ranges
Show Time Column: You can select Default/ Yes/ No. Default option depends on what you set up in NooTimetable/ Schedule settings.
Show Category Filter: Select Default, Yes or No to show/hide the filter
Show Weekends: Select Default, Yes/no to show/hide weekends. Default option depends on what you set up in NooTimetable/ Schedule settings
Show Export: Choose Yes/ No to show/hide Export to iCal button at the bottom of the schedule
Show Toolbar (Navigation): Select Default, Yes or No to show backward and forward arrowhead on top of the schedule.
Show Date: Select Default, Yes or No to show/hide date. This option is only applied to Weekly view.
Custom Default Date: Tick this box to set up a default date.
Learn more about the default date NooTimetable settings/ Schedule/ Default Date
Show Class/ Event Info in Popup: Select Default, Yes or No to show/hide Popup.
Learn more about this option NooTimetable settings/ Schedule/ Show Class Event Info in Popup
Schedule height: Input height of the schedule. Leave blank for auto height
Class Item Style: There are 3 styles which are Default, Category Color and background color by category
Class Show Icon: You can select Default, Yes or No to show or hide icons
Heading Background Color/ Heading Text Color/ Today`s background: Select a color

Notice that despite settings in NooTimetable/ Schedule, all options in this shortcode are prioritized

Widgets

There are 2 widgets included in this plugin. They are Noo Timetable : Popular Class Slider and Noo Timetable: Event Slider that can be displayed on Class and Event sidebar

1. Noo Timetable: Popular Class Slider

Title: Enter a title here
Class category: Select all categories or a specific category
Order By: This option handles the display order of classes on Class sidebar based on Default, Open date, Recent First, Older First, Title Alphabet or Title Reversed Alphabet
Number of Classes to show: The number of classes is shown
Display Trainer/ Auto Play Slider: Tick these boxes to show trainer and slider can run automatically

2. Noo Timetable: Event Slider

Title: Enter a title here
Event Category: Select an event category or all categories
Number of posts to show: The number of posts is shown
Order By: This option handles the display order of events on Event sidebar based on Recent First, Older First, Title Alphabet or Title Reversed Alphabet, Featured and Random