GKReservation - set mandatory fields + date locale

Hello together,

I'm using the template built-in online reservation tool which works fine so far.
Reservations can be done.

Question1: date locale
My server is in europe. When i choose a date, the english date will be displayed (month/day/year).
I want to change that to day/month/year. I can't find so far the settings.

Question2: this is higher priority: set mandatory fields
How can i set the fields mandatory? e.g. e-mail.
When i enter not all fields, click on reserveration, i come back to the screen with the reservatio without any further information if it worked or not. How can i set mandatory fields (so that the guest will be informed to fill out) Otherwise the guest thinks the reservation is done..but nothing happen.

Question3:
After apply a reservation, i get on top of the page a litle sentence ... "reservation completed...".
How can i change that to get more attention? e.g. in the middle of the screen or bigger?


thanks regards A.F.

Hi

2. I'm afraid this is a customisation and we do not support that. So I will not be able to help.

1. In /templates/gk_steakhouse/js/kalendae.js and change date format in it's configuration:

Code: Select all

   defaults : {
      attachTo              :null,            /* the element to attach the root container to. can be string or DOMElement */
      months                :1,               /* total number of months to display side by side */
      weekStart             :0,               /* day to use for the start of the week. 0 is Sunday */
      direction             :'any',           /* past, today-past, any, today-future, future */
      directionScrolling    :true,            /* if a direction other than any is defined, prevent scrolling out of range */
      viewStartDate         :null,            /* date in the month to display.  When multiple months, this is the left most */
      blackout              :null,            /* array of dates, or function to be passed a date */
      selected              :null,            /* dates already selected.  can be string, date, or array of strings or dates. */
      mode                  :'single',        /* single, multiple, range */
      dayOutOfMonthClickable:false,
      format                :null,            /* string used for parsing dates. */
      subscribe             :null,            /* object containing events to subscribe to */

      columnHeaderFormat    :'dd',            /* number of characters to show in the column headers */
      titleFormat           :'MMMM, YYYY',    /* format mask for month titles. See momentjs.com for rules */
      dayNumberFormat       :'D',             /* format mask for individual days */
      dayAttributeFormat    :'YYYY-MM-DD',    /* format mask for the data-date attribute set on every span */
      parseSplitDelimiter   : /,\s*|\s+-\s+/, /* regex to use for splitting multiple dates from a passed string */
      rangeDelimiter        :' - ',           /* string to use between dates when outputting in range mode */
      multipleDelimiter     :', ',            /* string to use between dates when outputting in multiple mode */
      useYearNav            :true,


3. Try add this to override.css

Code: Select all

#system-message-container {
    margin: 0;
    padding: 0;
    position: fixed;
    top: 50%;
    width: 100%;
    z-index: 99999;
}