Rental homes grid (Hospitable)

A grid of vacation-rental homes from the properties collection: photo, the next open date, city, guests, bedrooms, baths and the lowest nightly price, each card linking to its home page.

bookingrentalsvacation-rentalhospitablepropertiescollectionrepeaterdynamicgrid

About this block

Every home you rent, with live prices and the next open night, read from your Properties collection. Connect Hospitable on the collection's Source tab and the cards fill themselves and stay in sync.

When to use it

  • On your home page or a Stays page, when you rent out one or more homes through Hospitable.

What's inside

  • A {% for item in collections.properties %} loop over the rental collection (fields: title, slug, picture, city, state, maxGuests, bedrooms, bathrooms, nextAvailable, fromPriceFormatted, listed).
  • Homes you've unlisted in Hospitable are skipped.
  • Each card links to /stay/<slug>, the page that holds the Rental home detail block.

How to customize it

  • If your collection has another slug, change collections.properties to match.
  • If your detail page lives somewhere other than /stay, change the card links.

Questions

How fresh are the prices?
As fresh as the last sync. The collection re-syncs on the schedule you set on its Source tab (hourly by default), and your published pages update after each sync.

Browse other blocks

Same library cards — preview live and grab the code from any block.

View full library

Booking CTA split (Cal.com)

Two-column CTA with copy and a benefit checklist on the left and a large Schedule a call button on the right that opens your Cal.com booking page in a new tab.

Booking inline (Cal.com)

Centered heading with an inline Cal.com scheduling iframe below. Drop-in booking page.

Booking meeting cards (Cal.com)

Three responsive meeting-type cards with duration, description, benefit list, and a CTA that opens Cal.com.

Rental home detail with availability calendar (Hospitable)

One vacation-rental home, found by the slug in the page address: name, location, a photo gallery that opens a full-screen viewer for every photo, guest and room facts, description, amenities, check-in times, and a sticky card with the from-price, a month-by-month calendar of open and booked nights with nightly prices where guests tap check-in and check-out to see the nights and total, and booking: when the homes are sold through checkout, a dates-and-guests form where guests pay (or have their card held for your approval) right on the page; otherwise a Book button to your booking site.

Next open times (Cal.com)

The next six open times for a Cal.com event, from the open-times collection: the day, the start and end time and a Book link that opens Cal.com on that day.

Hero split

Two-column hero with eyebrow, heading, description, and CTAs on the left. Image on the right.

Features three columns

Centered heading with three columns, each showing an icon, title, body text, and link.

Simple CTA

Centered call-to-action on an accent background with heading, description, and buttons.

Footer multi-column

Grid footer with brand blurb and multiple link columns. Copyright and social links at the bottom.

Navigation bar

Standard header with logo, nav links, primary CTA, and a mobile hamburger menu.

Testimonial cards

Two-column grid of testimonial cards with quote, photo avatar, name, and role.

“

Hero centered

Clean centered hero with eyebrow, large heading, description, and two CTA buttons.