Calendar is one of important Part on site, but On some cases, our language library is not enough to use for some special country. So on this section, we will guide you How to build a new library for your site.

Ah.. before starting, you should have some knowledge about Child-theme, it is really important for any customization.

Calendar Date Picker

This calendar is working on Search form of the banner.

datepicker

Following these steps below:

Firstly, navigate to Settings -> General -> Site language, choose your language. Let’s take Deutsch as an example in this instruction.

select langauge

 

Secondly, visit site and press Ctrl + U to see letters representing language. In the picture below, de-CH (is ID code) represents Deutsch.

see language

Thirdly, build new file with name: bootstrap-datepicker.de_CH.js

*Remember the name of file is bootstrap-datepicker.id.js

file

Copy all the text

;(function($){
$.fn.datepicker.dates['de_CH'] = {
    days: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
    daysShort: ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam"],
    daysMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa"],
    months: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
    monthsShort: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"],
    today: "Heute",
    clear: "Löschen",
    format: "dd.mm.yyyy", 
    weekStart: 1
};
}(jQuery));

 

Then Save file!

Fourly, go to your FTP manager and navigate to the folder of the theme (wp-content/themes/traveler -childtheme/) create new folder: /js/locales/

new folder

Upload file bootstrap-datepicker.de_CH.js you have just built on this folder

 

uploads

This all steps to build new language library for your site

Big Calendar

This is Calendar on Service detail
big calendar

You may follow these steps below:

Step 1: Fnd file lang-all.js on main Traveler theme: /traveler/js/fullcalendar-2.4.0/lang-all.js(this is minify file)

 

Step 2: Create new folder js/fullcalendar-2.4.0/ on Child-theme: wp-content/themes/traveler-childtheme/ js/fullcalendar-2.4.0/ [Do the same steps above]

Then copy file lang-all.js from Parent theme to childtheme folder:  wp-content/themes/traveler-childtheme/ js/fullcalendar-2.4.0/lang-all.js

 

Go to the http://unminify.com/ and un-minify this library:

 

Step 3: Copy it back to file:  wp-content/themes/traveler-childtheme/ js/fullcalendar-2.4.0/lang-all.js

 

 

Step 4: Find your language then change the content on that function.