YITH Booking and Appointment:Customizations

Calendar options

From YITH > Booking > Settings > “Customizations” you can manage the way you want to show the date picker and calendar in the booking form.

You can select the format of the date and the time picker in the calendar view.

Date picker format
Time picker format

There is also an option to add a custom format. When you select your preference, you can see the preview below your selection.

Now we can go back to YITH > Booking > Settings > “Booking forms” to manage the style and layout of the calendar shown to the customers.

Date range picker layout: Decide to show it in a single line or separate lines.
Date range picker columns: Decide to show it in a single column or 2 columns.

examples of layout and columns

Calendar style: Decide to show the calendar as a dropdown or inline on the page.

In calendar load: How many months are loaded in the calendar, we recommend 3. (You will be able to see the complete year, other months are loaded in AJAX to improve performance).

Resources default layout: choose to show the resources in a dropdown menu or list them all in the booking form. This option can be overridden on each bookable product edit page.

Time selector layout: choose to show all available time slots either in a dropdown menu or by listing them in the booking form.

Check min/max duration: Enable so the plugin considers the min and max duration to show available dates in the calendar.
Update non-available dates on loading (AJAX): Only enable if you use plugins to cache product pages.
Disable day if no time is available: Enable to hide days in the calendar if no time is available.

Block dates for pending bookings: Enable to block dates after receiving bookings with a confirmation request. In this way, it won’t be possible for other users to book the same dates as bookings with pending status. To unblock the dates, set the pending bookings to Rejected.

Price options

Home > Settings tab > Customizations

From YITH > Booking > Settings > “Customizations” you can set the booking form options.

The price shown will include: This manages how the price is shown on the shop page. You can decide to show:

Base price
Fixed base fee
Service costs (available if the Services module is enabled)
Extra costs (available if the Extra costs and discounts module is enabled)

You always have to select at least one option.

Base price example

Base price + Fixed base fee example

Base price + Extra costs example

Base price + Service costs example

As you can see in the examples above, when selecting either “Extra costs” or “Service costs” the option to show the price per day/week/month, is no longer available.

Show the price type: decide to show the price per day/month etc.

Replace ‘days’ with ‘weeks’: Decide to convert multiple of 7 days, as weeks.

Checkout page and read more button

Home > Settings tab > Customizations

From YITH > Booking > Settings > “Customizations” you can manage the colors and labels of the booking plugin.

Redirect users to checkout: Enable if you want to skip the cart, and redirect your users directly to the checkout page.
Hide “Read more” button in shop: Enable to hide the ‘read more’ button on the shop page.

Colors & font settings

Home > Settings tab > Customizations

From YITH > Booking > “Customizations” you can find the options to set the colors and the font size of the forms created by the booking plugin.

Colors: Choose the colors of all forms created by the YITH Booking plugin.

The “Primary” color, is the color most used (price, labels, quantity, button, checks, etc.) With the “Primary Light” color, you can select the color of the active selector in the calendar. The “Primary contrast” color refers to the contrast color of the Primary color selection, white in this case.

Fields’ font size: choose the font size for all fields included in the booking and search forms.

Labels options

Home > Settings tab > Customizations

In YITH > Booking > Settings > “Customizations” you can find all the labels you can edit.

Add to cart: Choose the text of the “Add to cart” label for bookable products.
Additional Services: Choose the text of the “Additional Services” label for bookable products.
Bookable: Choose the text of the “Bookable” label for bookable products.
Booking Services: Choose the text of the “Booking Services” label for bookable products.
Check-in: Choose the text of the “Check-in” label for bookable products.
Check-out: Choose the text of the “Check-out” label for bookable products.
Dates: Choose the text of the “Dates” label for bookable products.
Distance (Km): Choose the text of the “Distance (Km)” label for bookable products.
Duration: Choose the text of the “Duration” label for bookable products.
End date: Choose the text of the “End date” label for bookable products.
From: Choose the text of the “From” label for bookable products.
Included Services: Choose the text of the “Included Services” label for bookable products.
Location: Choose the text of the “Location” label for bookable products.
Not-bookable: Choose the text of the “Not-bookable” label for bookable products.
People: Choose the text of the “People” label for bookable products.
Read more: Choose the text of the “Read more” label for bookable products.
Request Confirmation: Choose the text of the “Request Confirmation” label for bookable products.
Services: Choose the text of the “Services” label for bookable products.
Start date: Choose the text of the “Start date” label for bookable products.
Time: Choose the text of the “Time” label for bookable products.
To: Choose the text of “To” label for bookable products.
Total people: Choose the text of “Total people” label for bookable products.

Please, note: some of the options, like the ones related to services or people, are automatically hidden if the related module is disabled. Make sure you enable the module from YITH > Bookings > Add-ons > Module.