Its such a headache when your whole website is localized in the respective language but your Avada Forms Calendar Picker is not appearing translated. Its not something complicated yet so frustrating when no one can figure out the problem and eventually have to reach out to the Avada Support Team. Specially when someone does not have valid support anymore.
The solution is quite easy and it will make you excited and happy. It only takes a little code snippet to get over the problem so I am writing the code below. This code must go in Dashboard -> Avada -> Options -> Advanced -> Code Fields -> Space Before Body section. The snippet below is about German language, in order to change it to your language, just replace the de part with your own language code in line #1 and #3. For example, if you want to change to French language, the de will be replaced with fr instead in both instances of code.
Hello,
Thanks for the code, it is working fine.
Is there an way, to display avada date picker in french when the french version of the website is used, and display date picker in english, when the english version of the website is used?
Hi there
I have a question – not sure if someone else has the same problem.
I’m using this code for a contact form (see link) in order to have the dates shown in german. When I pick a date in march (März), and then click to the next form (i.e. time), the date changes to december 2023. This happens only in march, no other month. When I remove the script in the Avada settings, the problem is gone.
My guess is that the script might have an issue with the umlaut of März?
Any guesses?
Thanks a lot!
Hey Pierre,
That is strange because I cannot replicate it and the correct date goes through when I select it from March month. I selected German language. You may have been using any other script as well. if yes then try removing it.
Thanks
Hi Muhammad
Thanks for your reply.
I can’t find any other script (except some CSS that defines the look of the Avada Form).
Just help me understand: Is your code (that little snippet that you provide on the top of this page) the ONLY thing that I have to add to my site, or is it just an add on to the whole js from npmcdn that I would have to put somewhere?
Actually that is the official translation file of German language from Flatpickr library. This is not from Avada but a third party solution used for calendar in Avada Forms and the JS function applies the translation of the particular language through that JavaScript code.
Strangely I cannot replicate it when I select a date from month of March which has the umlaut of März in it. Here’s a screenshot -> https://app.screencast.com/OaUyg8ohsc15l
You may want to submit a ticket in Avada support here -> https://my.avada.com/submit-a-ticket