The Hotel Rooms Grid widget lists room types as styleable cards — with capacity, bed types, nightly price and a Book Now button — either across all hotels or scoped to a single hotel.
Where: Elementor editor → widget panel → Tiger Elements category → Hotel Rooms Grid.
Requires: Tiger Booking active with the Hotel module enabled and at least one Room defined.
Adding the grid
- Drag the Hotel Rooms Grid widget onto the page.
- In Query, optionally pick a Hotel to limit rooms to that property (or leave “All hotels”).
- Choose card fields in Card content and style the result.
Query
Hotel (All hotels, or limit to rooms from a single hotel), Rooms per page, Order by (Name, Date added, Manual, Random, Price), Direction and Show pagination.
Card content
Columns and Gap, plus toggles for image, name, capacity, bed types, description, price, button. Set a Description word limit, Button text (default “Book Now”) and Button URL (leave empty to link to the room single page), a Price suffix (e.g. “/ night”) and a Currency symbol.
Styling
Style sections cover Card, Image, Title, Meta (capacity / bed types), Price, Button and Pagination.
Tips
- Scope the grid to one Hotel to build a per-property “Our rooms” section.
- Use the Price suffix (“/ night”) so nightly rates read clearly.
- Leave Button URL empty so each card links to its own room page and booking form.
Troubleshooting
Rooms from other hotels appear. Set the Hotel query control to the specific property; “All hotels” intentionally shows every room.
Price shows nothing. Confirm the room has a nightly price set and “Show price” is enabled.