Add custom button in vendor/listing view

[me.bisnis]

Hi,

I believe the user experience for booking is that users want to search and make a booking as quickly as possible. Is there a PHP snippet to add a booking button (icon) in the vendor view block and listing view block?

Thank you

[ihor]

Hi,

Unfortunately there’s no simple code snippet for this, but if you’re familiar with coding or have a developer then it’s possible via a custom implementation.

The main issue is that the booking requires the start/end date (or selecting a time slot for time-based bookings), along with other details (e.g. extras if these are enabled).

The easiest way is probably inserting the booking form inside a modal window into the booking block and adding a link or button to open the modal. The template hook is hivepress/v1/templates/listing_view_block, you can check how the booking form is added to the listing template here Awesome Screenshot If you insert the form and wrap it with the “modal” block it may work, but not sure about the date picker inside the modal, there may be conflicts. You can check more samples of code snippets changing templates here Search · user:hivepress templates · GitHub Also this screencast may be useful https://www.youtube.com/watch?v=LkojYp-8uwY

It’s more complex for vendors because vendors can’t be booked directly, they are always booked via one of their listings, so at least pre-selecting the first of their listing is required in the form context.

Hope this helps

P.S. We’ll also try to improve the booking UX and simplify it, there are a few improvements planned, e.g. pre-filling the searched dates in the booking form.

[me.bisnis]

Hi ihor,

Thank for reply.

Unfortunately, I don’t understand coding.

I need to add a button to open another page next to the message or favorite button. As in the screenshot, I need a button with a link to open another page.

What I did was just to make the UX easier because, in the Vendor card, there isn’t a clear button to open the vendor’s listing, and similarly, the Listing card doesn’t have a clear button to direct to the booking page. Everything can only be clicked through the vendor’s name or the listing title.

I hope someone can share a PHP/CSS snippet for this need, or I can only hope for this feature in the next update.