Skip to main content

[bec_booking_summary]

All-in-one booking sidebar/card: embedded search when dates are missing, detailed breakdown when available, optional multi-rate picker, mobile sticky bar + drawer, enquiry link, and checkout hand-off.


Where to put it

Singular unit templates—typically right column / sticky sidebar pattern builders expose via shortcode blocks.


Attributes

AttributeDefaultMeaning
unit_id0Target Units post ID; 0 uses current unit page.
form_idbec-booking-summaryBase string for HTML ids (desktop + mobile variants append suffixes).
contextbec_booking_summaryPassed into search-field filters—change only when themers request separation.
tax_note(empty)Small disclaimer below totals—falls back to defaults/filter when blank.
show_enquiry1Set 0, false, or no to hide secondary enquiry link.
enquiry_labeltranslated “Enquiry”Anchor text for secondary action (fallback settings supply URL/text fallbacks).

Behaviour modes (states)

StateVisitor sees
Incomplete datesEmbedded [bec_search] style panel + enquiry affordances—no checkout yet.
Quote OK & bookableHeadline price, optional rate selector, breakdown rows, Continue button.
No availabilityClear empty-state messaging + search refresh.
Quote API errorError-oriented messaging—may pair with fallback depending on configuration.
Fallback triggeredInline fallback aside alongside enquiry/search according to rules.

Mobile layouts duplicate critical controls (bec-booking-summary__mobile, drawer/backdrop IDs derived from form_id).

Booking summary desktop available

Booking summary desktop unavailable

Booking summary mobile bar

Booking summary mobile drawer

Booking summary compact preset

Booking summary with fallback


Examples

[bec_booking_summary]
[bec_booking_summary unit_id="123" form_id="sidebar-booking" show_enquiry="0"]
[bec_booking_summary tax_note="VAT included." enquiry_label="Ask us"]

CSS hooks (selection)

Root:

  • bec-booking-summary, optional bec-booking-summary--preset-compact
  • Root often exposes data-bec-booking-summary, data-bec-post-id

Regions:

  • bec-booking-summary__inner, modifiers --incomplete, --fallback
  • Search shell: bec-booking-summary__search, modifiers --incomplete, --desktop, --drawer, --trail
  • Desktop column: bec-booking-summary__desktop
  • Head pricing: bec-booking-summary__head, __title, __head-price, __head-amount, __head-sub
  • Readouts: bec-booking-summary__readouts, __readout-row, __readout
  • Rates: bec-booking-summary__rate-select, __rate-list, __rate-item, is-selected, __rate-link
  • Accordions (respect styling toggles): bec-booking-summary__accordions, __accordion
  • Breakdown: bec-booking-summary__breakdown, __row, __tax-note
  • Actions: bec-booking-summary__actions, __action--primary, __action--secondary
  • Mobile: bec-booking-summary__mobile, __bar, __backdrop, __drawer, __hero
  • Messages: bec-booking-summary__message, --error, --empty

Tips

  • Accordions for inclusions / conditions obey Styling admin toggles.
  • Rate switching writes bec_rate_id into the URL for downstream checkout.