Chapter 21 — Travel Booking Patterns

Customer-facing travel booking layouts without Bootstrap or JavaScript.

New concepts

Agency shells, booking search chrome, fare catalogs, experience and stay detail pages, compare matrices, and booking checkout summaries. Filters, date widgets, and live totals remain static chrome until JavaScript lessons.

Read the Travel Booking gauge

What changes after Admin Commerce?

Chapter 20 returned to operator ecommerce. This chapter applies the storefront buyer discipline to a booking funnel: search, fare rows, itineraries, room pickers, and sticky booking summaries. Reuse labelled forms, fieldsets, and semantic tables from earlier chapters.

Lessons

  1. 1. Agency shell and search
  2. 2. Fare catalog
  3. 3. Experience detail
  4. 4. Stay rooms
  5. 5. Stay compare
  6. 6. Booking checkout

Checkpoint

Build a mini booking page with agency chrome, a short search fieldset group, and either a fare result row or a room card plus a sticky summary. Keep every control labelled; no script.