LARGE LIST ExampleFITNESS Classes Timetable

The Large List style is the perfect solution to display a lot of daily classes in a chronological table, suited for a Fitness Center website. The schedule will always start with the current day, so your visitors can see right away which classes are available soon. Visitors can use filters to display only Yoga and Cardio classes, with their favourite fitness instructor, only evening classes, etc.

  • Classes are listed in a chronological table, with a header for each day
  • You can set classes to appear automatically every week
  • The schedule will load initially as many days as you want and the visitors can display more, with the help of a button
  • Clicking on events will open a pop-up window, with text and images
  • You can assign as many Class Types, Instructors and Locations as you need
  • Canceled events are displayed as shaded and crossed and are not clickable

With the Large List style, one of our eight layout styles available, you can display your events in a chronological table, with a header for each day. Filters can be used to sort the events and the selection will reflect also in the days that are not yet loaded. If there are no classes matching the selection in the selected period of time, and filter selection if it is the case, the schedule will display a custom “no classes available” message.

See this schedule on a blank page

Let’s see how this schedule was created

On the right, you can see an actual screenshot of the Schedule Builder for this timetable. You can create one yourself, in only a few minutes, with the following steps:

  • Enter a title for your schedule, something like Our Fitness Classes.
  • Select the Large List style, great for a Fitness Center schedule.
  • Choose your Schedule Contents. You can use the All option, to display Classes with any Type, Location or Instructor, or you can select the ones you need. In our example, we selected only the ones relevant to a Fitness Center.
  • The Available Filters tabs work in the same way. You can make a selection different than the one you have for Schedule Contents. This way, you can restrict filtering exactly how you want.
  • Use the Schedule Labels fields to name the Categories and Filters how you want.
  • You can also customize other messages, like the one for no classes available.
  • On the right, you can choose how many days to display. In this example, we are using 2 Days, as we have too many classes to display all.
  • With the Display Options switchers you can choose to hide some of the info.
  • The Filters Options switchers allow you to show only the filters categories you want.
  • Choose the position of the Filters, we are using Center in this example.
  • Choose how the pop-up modal should look. We are using the Small Image option.
  • The Design Options allow you to choose the two colors of the schedule: one for the text and one for the special elements.

Your Schedule is Ready! You can add it with our
custom Visual Composer element or you can
use the auto-generated shortcode on the right.