About this block
A full page for one home: photos, facts, amenities and a calendar showing which nights are open and what they cost. One page serves every home, because it finds the home from the slug at the end of the address.
When to use it
- On the detail page that the Rental homes grid links to.
What's inside
- The home is collections.properties | where: 'slug', request.params.slug, so the page needs the slug stay and the URL pattern :slug in Page settings (then /stay/dune-cottage shows Dune Cottage). Keep the homes list on a different page, such as /stays.
- Every photo from the home's photos field. The first five make the mosaic; the viewer steps through all of them. A home with only a cover photo shows that one photo.
- A See all photos button that opens a full-screen photo tour. Give the collection a multi-line text field called photoRooms with one room per line, in photo order, and the tour groups photos by room with a button to jump to each.
- A calendar of every night the collection syncs from the row's calendar field, one month at a time with arrows, laid out Sunday to Saturday. It is the date picker: guests tap a check-in day, then a check-out day, and see the nights and total. Booked nights are crossed out; one can be a check-out day but never a check-in.
- Booking. When the collection is sold through checkout (Shop, or set_checkout), the card has check-in, check-out and guests and charges the nightly prices of the nights picked. With approve each order on, the card is held and the button says Request to book; you approve or decline it on the Orders screen. Stripe connected through PageHub shows the payment form on the page; otherwise Stripe opens its own page. Without checkout, a Book button goes to the booking link on the collection's Source tab, or to /contact.
- A friendly not-found panel when the address names a home that isn't in the collection.
How to customize it
- Change the back link if your homes list isn't at /stays.
Questions
- Can guests pay on my site?
- Yes. Connect Stripe, then turn on checkout for your homes collection. Guests pick dates and pay on your page, or their card is held until you approve the stay. Hospitable doesn't see these bookings, so block the dates there yourself.