Hide book button when confirm is visible

[Thomas Levack]

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?

[J. Davis]

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.

[Thomas Levack]

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

T

[Author]

Posts