The Appointment Services Grid widget displays your bookable services in a styleable card grid — with an optional front-end filter bar and pagination — so visitors can browse services and jump straight into booking.
Where: Elementor editor → widget panel → Tiger Elements category → Appointment Services Grid.
Requires: Tiger Booking active with the Appointments module enabled and at least one Service defined.
Adding the grid
- Edit a page in Elementor and drag in the Appointment Services Grid widget.
- Set the Query (how many, order, pagination).
- Optionally switch on the front-end filter bar and narrow results in Filters.
- Choose what each card shows in Card content, then style in the Style tab.
Query
Controls which services appear and in what order: Services per page, Order by (with a custom Sort meta key option), Direction, Show pagination and Show front-end filter bar.
Filters
Server-side filters applied to the query: Active services only, Location type, Meeting type, Keyword (title/description), Min/Max price, Min/Max duration (minutes), and Include only / Exclude service IDs.
Card content
Layout (Columns and Gap) plus what each card renders: Description word limit, Duration suffix, Currency symbol, and the Button text / Button URL that sends the visitor into the booking flow.
Styling
Dedicated Style sections give full control over: Card, Image, Title, Meta, Price, Button, the Filter bar and Pagination — colours, spacing, borders, radius and typography for each.
Tips
- Use 3–4 columns on desktop; the grid stacks responsively on smaller screens.
- Turn on the front-end filter bar on a “Book a service” page so visitors can filter by price, duration or meeting type.
- Leave Button URL empty to link to each service’s own booking page.
Troubleshooting
No services show. Confirm the Appointments module is active and you have published services; check that your Filters (price/duration/active-only) are not excluding everything.
The filter bar does nothing. It must be enabled in the Query section; it filters via URL parameters, so it appears only when switched on.