Hide book button when confirm is visible

  • This topic has 2 replies, 2 voices, and was last updated 1 week, 2 days ago by Thomas Levack.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1570275
    Thomas Levack
    Participant

    I’m working on the search results page, where I want to hide the ‘Book’ button after the user clicks it, leaving only the ‘Confirm Reservation’ button visible on that unit. While I’ve managed to style the focus state, I’m encountering difficulty in hiding the ‘Book’ button entirely. Currently, it clears the focus state but remains visible. Any suggestions on how to address this issue?

    screen shot

    #1573280
    J. Davis
    Keymaster

    Hi Thomas,
    Thanks for your question. First of all, you can go to Accommodation > Settings and activate the option Book button Behavior to redirect the guest to checkout on click of the Book button.
    If you need to keep the Confirm Reservation button for some reason you can add the style below to hide the Book button once it is clicked:

    .mphb-reserve-room-section.mphb-rooms-added .mphb-book-button{
      display:none;
    } 

    If you have 1 property on your site you can try to follow the tips from this article.

    #1574387
    Thomas Levack
    Participant

    that worked! Thanks so much, J. Helpful as always. I appreciate you.

    T

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.