Okay
  Public Ticket #3525106
Booking calendar not working (Pop-up, Validation)
Closed

Comments

  •  1
    Sanaà started the conversation

    Hey there, 

    I really need your support. 

    1. Booking calendar not working:

    I wanted to add the booking calendar in a pop-up, but the booking calendar is endlessly loading….   

    2. How to conf. Validation in booking calendar?    

    I can not validate the email address and phone number in the booking calendar… does anybody have a solution?

    Thank you in advance.

  •  369
    Stefan replied

    Hello Sanaa,

    Thanks for reaching out to us.

    Please, find the answers below

    1. Booking calendar not working:

    I wanted to add the booking calendar in a pop-up, but the booking calendar is endlessly loading….   

    As the first step, i recommend checking out the documentation regarding the popup.  

    Issues like this usually occur when there is a conflict either with the theme currently active on your website, or another plugin you have installed.

    Can you please change the theme and see if the issue is resolved? If not, then please deactivate all other plugins except for our plugin, refresh the page where the issue is, and see if it is resolved ). If it is, then start activating other plugins one by one, and after each activation refresh the page to see if the issue reoccurred. Once it does reoccur, you will have found the plugin causing the issue.

    How to conf. Validation in booking calendar?    

    I can not validate the email address and phone number in the booking calendar… does anybody have a solution?

    By default, there is no option that can be enabled/disabled in order to validate the email address, but there is a workaround by using the custom script. 

    here is the script

    <script>
    window.ameliaActions = {
    customValidation: function (success = null, error = null, data) {
        console.log('customValidation HOOK')
        console.log('------------')
    //you can check existing rules here
        console.log(data.rules)
        const customValidator = (rule, value, callback) => {
          if (!value.includes('@health-check.at')) {
            callback(new Error())
          } else {
            callback()
          }
        }
        // this example is for email input field
        data.rules.email.push({required: true, message: 'CUSTOM MESSAGE', validator: customValidator, trigger: 'submit'})
      },
    }
    </script>

    Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways. 

    If you need help with adding custom JS to the page, please take a look at this article.


    I hope it helps. Please, let us know if you have any other questions.




    Kind Regards, 

    Stefan Petrov
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  1
    Sanaà replied

    Hello Stefan,

    thank you for your response, I found a different way for the same use - I created a amelia pop-up for every product with the specific settings and connected it to the button in the product pop up. Not the best solution as its a pop-up in a pop-up, but it works. It takes a lot of time to create 2 pop-ups and connect them with each other for EVERY product - but honestly I don't want to deactivate the plugin which are in use  - like for example: Elementor and Elementor pro 

    Validation:
    Thank you for the code as well, I used a JavaScript as well and put it in the functions.php of the Elementor template but is only checking the email... I will try your solution and let you know if it works.

    Another question: 

    The booking calendar doesn't work on the first page now, but on every other page.... how can I fix this, or where can I find the issue? Every site has its own template in the template builder - you'll find a few pictures attached.

     

    Attached files:  amelia 1 Firstpage startseite.png
      Screenshot Amelia Productpage.png

  •  369
    Stefan replied

    Hello Sanaa,

    Thanks for the feedback. 

    I guess this could be related to the Elementor issue where the booking form was working on some pages, and on some, it wasn't. Have you installed Amelia 7.1? That's our latest update, and it contains the bug fixes regarding the Elementor.

    Please, keep me posted.

    Kind Regards, 

    Stefan Petrov
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  1
    Sanaà replied

    Hello Stefan, 

    Yes I use Amelia 7.1 as you can see in the screenshot attached. But still it is not working.....

    Attached files:  support.png
      support1.png

  •  369
    Stefan replied

    Hello Sanaa,

    That's strange, it should work on all pages. I've found the credentials to your WP from previous tickets, may i use them? Also, i would need admin access, in order to see the pages.

    Thanks. Looking forward to hearing from you.

    Kind Regards, 

    Stefan Petrov
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables

  •  1
    Sanaà replied

    Hello Stefan, 

    yes of course, I change the setting to admin (had amelia worker before as I'm not sure about the data protection..).

    It would be great if you could check it by yourself as well, thank you in advance! 

    Kind regards

  •   Stefan replied privately
  •  1
    Sanaà replied

    Hey Stefan, 

    I appreciate your response & info. 

    Now the booking calendar is working as I deleted and added it again, but in the last days I had to do that often times as it always stops working - for your information! 

  •  369
    Stefan replied

    Hello Sanaa,

    Thanks for the additional information. I was able to log in and take a look. It seems like the booking form is working for now, but usually when the booking form is not displaying is due to a conflict with the caching plugins. We have seen this numerous times before and some caching plugins can cause a conflict.

    I guess you can try different caching plugins, in case it happens again.

    I hope it helps. Please, let us know if you have any other questions.

    Kind Regards, 

    Stefan Petrov
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables