You can fill the timetable by adding Classes, just like you would add regular WP posts. Go to Classes > Add New to create new entries. If you can't find the Classes options panel in the dashboard, on the left sidebar, you need to activate the plugin.
When you add a new Class, from the Schedule Class options box on the right, you can choose the date and the time. Next to the starting time select boxes, you can find a select box that makes the class Repeat Weekly. If you select this option, the class will be scheduled for every week, at the same time, with the same settings. You can also set the class to be repeated Daily, Every Two Weeks, Monthly or Yearly.
Yes, if you check the box Show this event as canceled. When editing a Class, you can find the check box on the Schedule Class options panel, on the right. If it is a class that is repeated weekly, all classes will appear as canceled. Classes displayed as canceled are distinctly marked in the timetable, usually with a shadow effect.
The plugin does not limit how many you can assign, but you should take in to consideration how this will affect the timetable design.
After you create a timetable in the Schedule Builder, a shortcode will be auto-generated and it will be displayed on the top-right corner of the builder, left to the How many days to show? option. The shortcode will have a simple structure, something like wcs-schedule id=1 and you can place it in any area that accepts shortcodes.
After you create a timetable in the Schedule Builder, you can add it in your page just like you would add any other Visual Composer element. Look for the Weekly Class Schedule element in the list. The element will display a select box, for an easy integration.
You can choose one of the 12 available styles. All layouts can display almost the same amount of information, only the style is different. You should try all to decide which one is the right one for your business. You can, of course, use multiple schedules with different styles, if you wish.
Yes, you can assign a featured image for each class and it will be displayed in the pop-up modal window. Still, if you want to display the images in the schedule, you will have to use the Plain List schedule style, as this is the only one designed for image display. The Events Carousel, Monthly Calendar and Masonry Grid can display images also.
Yes, you can create a custom Call-to-action button with one of the several available functions: internal or external link, mail to function and iCal Event. These functions allow visitors to send reservation mails, add the class directly to their calendar or visit a custom page for the event.
Yes, you can add a description that will be displayed in a pop-up, when clicking on the Instructor / Location / Class Type name in the schedule. Also, you can make it a link, if the Description field's content is just an URL.
When you create one in the Schedule Builder, you can define the classes with the help of the Schedule Contents tabs. If you select only several Class Types / Locations / Instructors, then only the classes assigned with a selected Class Type / Location / Instructor will appear.
The starting day of the schedule, depending on the schedule style, is either the current day or the first day of the week, according to your WordPress settings. For the Weekly Schedule style, if you change the first day of the week at Settings > General > Week Starts On, the change will reflect in the schedule display.
You can choose between 12-hour clock and 24-hour clock for each schedule individually, in the Schedule Builder. On the right side, under the Display Options section, you can find the Show 12-hour Clock switcher. Turning this option On will switch your schedule to a 12-hour AM / PM clock. You have an option for this for the class page also, at Classes > Settings.
In the Classes > Schedule Builder tab, under the schedules list, you will find the Backup Options button. Clicking this will display a set of buttons. If you wish to export your schedules, you can click on the Download Backup button and your data will be saved in a JSON file. You can then easily import the data by clicking on the Choose File button, browsing and selecting the JSON file and then clicking on the Import Backup Button.
You can change the color of a class in the schedule by assigning a Class Type to that class and assigning a custom color to that Class Type. The coloring style will depend on the Schedule Style used, as each style has its own particular way to display colored classes. The color of the class will override the color of the parent class. Another method is through color coding the days. You can use the Weekdays Coloring tab in the Schedule Builder to assign a color for a specific day.
You can assign a map individually for each class, through the Map Details tab, right below the content area. The map will be displayed in the pop-up modal window and it will appear only if you set a valid value for latitude and longitude coordinates.
The Events Carousel schedule style doesn't have filters, but it allows some additional graphical customizations. In the Schedule Builder, you can choose a background color for the elements and you can edit the Class post to add an Excerpt. If you don't use Excerpt, the carousel will display the first lines of text in the class description.
In the Classes list, if you mouse over a class you will display the Duplicate Class button. Clicking on this button will create a copy of that class, with the same starting date, description, taxonomies, featured image, etc. You can edit this copy to change what you need and create similar classes very fast.
Our booking functionality works through WooCommerce products, so you need to install and activate the WooCommerce plugin on your platform. You don't need to do any special customizations for WooCommerce, it will work fine with the default settings.
The ticket is an WooCommerce product. When you create the product, you should go at Product Data and set it as a Schedule Ticket. You should also use the Catalog Visibility option to set it as Hidden. It is important to select both these options. Otherwise you will not be able to use this ticket for your classes.
If your classes are visible with other styles but are not displayed in the Weekly Schedule or Weekly Tabs styles, this is most likely caused by the classes starting time. These styles always show just the next 7 days. Therefore, your classes need to be scheduled between today and same time next week to be displayed.
By default, these styles will not display today classes. In the current day of the week column / tab, the next week classes will be displayed. If you wish to show today and not next week, you need to activate Show Past Events option in the schedule builder.
First, you need to make sure the Show Description option is activated in your schedule builder. If you are using the Plain List style, you also need to type in a string for Info Button Label, to display the button. This should reveal the Modal Options in the schedule builder, which will allow you to customize the class pop up window. Second, your classes need to have content to display a modal. If you wish to replace the modal with a class page, you need to choose Disabled under Modal Options and go at Classes > Settings to activate the class page. If the class page URL doesn't work, you should go at Settings > Permalinks and save the settings to reset permalinks.
For this, you will need to add some code in your theme's Custom CSS field in the Customizer. To reorder the filters, you can use the following code:
.wcs-filters--wcs_type{order:1}
.wcs-filters--wcs_room{order:2}
.wcs-filters--wcs_instructor{order:3}
.wcs-filters--day_of_week{order:4}
.wcs-filters--time_of_day{order:5}
where the number is the priority in the filters order.
For this, you will need to add some code in your theme's Custom CSS field in the Customizer. The following code:
.wcs-filters--day_of_week .wcs-filters__filter-wrapper:nth-child(4){display:none !important}
will remove day number 4, Thursday in this case. If you want to remove more days, you need to add the code again, with a different number.
For this, you will need to add some code in your theme's Custom CSS field in the Customizer. The following code:
.wcs-addons--blink{animation: none !important;-webkit-animation:none !important;}
will display the dots between hour and minutes without the blinking effect.
For this, you will need to add some code in your theme's Custom CSS field in the Customizer. The following code:
.wcs-class__click-area.wcs-class__click-area.wcs-class__click-area{display: none !important;}
.wcs-class__excerpt.wcs-class__excerpt{display: block !important}
will remove the expanding step for the grid elements and they will open with the first click.
By default, the month column will adjust its length to the month name string. If you want to make it the same fixed size, you will need to add some code in your theme's Custom CSS field in the Customizer. Use the following code:
.wcs-timetable--list .wcs-class__time{ flex-basis: 120px }
and choose the value in pixels for your Month column.
Because this type of events stretch over several days, they can not be displayed in schedule styles with a daily design. If you can't see a multi-day event, you should switch the schedule style to Plain List, Events Carousel or Masonry Grid. The individual event styles, Countdown and Cover, can also display multi-day events.
The plugin sorts classes by starting date, so if you have simultaneous classes (same starting hour and minutes), you need to use seconds. When creating or editing a class, you can set seconds with the last select box of the Starting Date & Time options.
Events Schedule purchase code
