Tour Stops Grid
A responsive grid of city tour stops, each tile carrying a venue, date, and booking status badge, beside a heading, button, and footer note.
A responsive grid of city tour stops, each tile carrying a venue, date, and booking status badge, beside a heading, button, and footer note.
The source for every Ecommerce block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Tour Stops Grid shows one traveling event as a responsive grid of city tiles, each carrying a venue, a date, an honest booking status badge, and a one line note about what makes that stop different. Booking open, sold out, and date soon are the only three states, so a full date reads as full rather than as a nudge. The lede sets the cap honestly: each date is limited to what two people can actually fix in a day, which is why sold out means sold out.
The stops array drives the tiles, each with city, venue, date, status, and note. The footer states the discipline outright: no waitlists on full dates, because a waitlist that never moves is just a softer no.
Reach for this block on a tour landing page or as a dated grid below the brand story. The status badges must be wired to live booking data, a sold out date still marked open on arrival is the fastest way to lose the room.
A natural flow around it on an Ecommerce Pro page:
Before
After
One strong use is the autumn repair tour. Other traveling formats:
Tip: capping every date and showing sold out plainly does more for trust than any scarcity banner, the honesty of a hard no is what makes the open dates worth booking fast.