Activity Availability

The Calendar

The idea behind the front end booking calendar, is that a client can easily view the availability

 

  • Button 1: Click to refresh to update price in calendar when add price have error
  • Button 2: Click to display previous month(s)
  • Button 3: Click to display next month(s)
  • Item 4: Previous month day(s), or day(s) that have passed. To properly separate this day(s), we reduced the opacity.
  • Item 5: Next month day(s). To properly separate this day(s), we reduced the opacity.
  • Item 6: Current day
  • Item 7: Day with unavailable status. This day will not display prices
  • Item 8: Day with available status. This day will display prices
  • Item 9: Day selected when click to the calendar, move mouse in the calendar to select multiple day
  • Item 10 & 11: Selected period for which you can make a price
  • Item 12: Set a price for an adult audience
  • Item 13: Set a price for a child audience
  • Item 14: Set a price for an infant audience
  • Item 15: Price detail of a day
  • Item 16: Set status for day range from item 10 to item 12
  • Button 17: Click to update price & status for day range from item 10 to item 12.

Calendar view

  • Item 1: Click to display previous month(s).
  • Item 2: Click to display next month(s).
  • Item 3: Day with unavailable status or past day.
  • Item 4: Day with available status.
  • Item 5: Day selected to book.