Single accommodation – removing VIEW DETAILS button and “1 of 1…”

[Mark Chinery]

Hi – we are trying to develop a site for a single accommodation, and are using the DIVI builder. When doing an availability search, the default layout is to include a button VIEW DETAILS. Id there any way this can be hidden via CSS or by editing the functions.php. The button is not needed as the rest of the website describes the property, amenities and so on. It may also be distracting.

The same question really for the next line which says 1 of 1 accommodation available. There is only 1 accommodation so, again, it would be good if we could streamline the results by removing or hiding this line.

Many thanks! Mark

[Mary Evans]

Hello Mark,

1. In order to hide the “View Details” button on the search results page, add view_button="false" to the [mphb_search_results] shortcode in Pages > Search Results page.
In this way, there should be the shortcode [mphb_search_results view_button="false"]

Note that there is also the Divi integration addon that adds widgets of Hotel Booking plugin to Divi builder and helps Hotel Booking to get styles from Divi theme Customizer.
With the addon, you can add the Search Results block via Divi and configure what parameters to display (like the “View Details” button).

2. For the drop-down list with the number of accommodations to book and number of available accommodations on the Search Results page to be hidden, add the following CSS code under your dashboard > Appearance > Customize > Additional CSS.

.mphb-rooms-quantity-wrapper {
    display: none;
}

Best Regards,
M. Evans

[Mark Chinery]

Many thanks Mary – that’s all very useful and works well. If I could follow up with a similar question, when the user is redirected to the /booking-confirmation/ page, is it also possible to hide the line ACCOMMODATION # and the line below that, ACCOMMODATION TYPE: (description)?

I’ll also experiment with the DIVI modules you refer to, to see if they add a little more design flexibility – right now I’m just using the DIVI text modules with shortcodes.

Thanks again! Regards, Mark

[Mary Evans]

Hello Mark,

The text “Accommodation #” on the Checkout page, can be hidden with CSS. Please, add the following CSS code under your dashboard > Appearance > Customize > Additional CSS;

.mphb-room-number {
  display: none;
}

We can offer you to make the Accommodation Type link unclickable on the Checkout page with CSS. For this add the below CSS code under you dashboard > Appearance > Customize > Additional CSS :

.mphb-room-type-title a{
pointer-events: none !important;
cursor: default;
text-decoration: none;
color: black;
}

Best Regards,
M. Evans

[Author]

Posts