Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 20, 2018 at 7:42 pm #930082
    Lexa_Dryke

    Hi there,
    I would like to prevent guests from booking when the restaurant is closed.
    It is only open 5 days a week. Is it possible to program the form in this way ?
    Thanks for your answer
    Best
    Lex

    March 21, 2018 at 1:47 pm #930574
    Nikko

    Hey Lexa_Dryke,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top .ui-datepicker-calendar tr td.ui-datepicker-week-end {
    pointer-events: none;
}

#top .ui-datepicker-calendar tr td.ui-datepicker-week-end a {
    background-color: lightgray;
    color: darkgray;
}

    Hope it helps :)

    Best regards,
    Nikko

    March 21, 2018 at 4:08 pm #930641
    Lexa_Dryke

    Hi Nikko,

    Thanks for your answer.
    I added the css but I still can choose a Sunday or a Monday with the date picker.
    I would like to avoid that.

    Best

    Lex

    March 22, 2018 at 7:26 am #931079
    Rikard

    Hi Lex,

    Could you post a link to the page in question so that we can take a closer look please?

    Best regards,
    Rikard

    March 22, 2018 at 8:43 am #931096
    Lexa_Dryke

    Hi Rikard,
    Sure. Here, the page : https://le-resto.fr/reservation/
    Best
    Lex

    March 22, 2018 at 4:16 pm #931417
    Nikko

    Hi,

    I have checked your site and I don’t see the css code being reflected when checking with a web inspector, can you try to flush out the cache if you have a caching plugin, if that doesn’t work, please give us temporary admin access, so we can check further.

    Best regards,
    Nikko

    March 22, 2018 at 4:27 pm #931423
    Lexa_Dryke

    Hi Nikko,
    I flushed out the cache and the css is working. My mistake. Sorry.
    Nevertheless, I would like to block Sunday and Monday reservation. Not Saturday.
    Do you have a way to do that ?
    Best
    Lex

    March 22, 2018 at 4:59 pm #931446
    Nikko

    Hi,

    Glad to hear that it’s working, please remove the code I gave and replace it with this one:

    #top .ui-datepicker-calendar tr td:nth-child(1), 
#top .ui-datepicker-calendar tr td:nth-child(7) {
    pointer-events: none;
}

#top .ui-datepicker-calendar tr td:nth-child(1) a, 
#top .ui-datepicker-calendar tr td:nth-child(7) a {
    background-color: lightgray;
    color: darkgray;
}

    Hope it helps :)

    Best regards,
    Nikko

    March 22, 2018 at 6:08 pm #931507
    Lexa_Dryke

    It works perfectly. Thank you !
    Enfold, best template ever / Kriesi, best team !

    March 22, 2018 at 6:32 pm #931539
    Jordan Shannon

    Hi,

    I’m glad Nikko was able to help you. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Date picker Restaurant Reservation Form / ENFOLD’ is closed to new replies.