Room layouts & filters
ONE CATALOGUE · TWO FILTER POSITIONS · THREE ROOM VIEWS
Help every guest find their kind of stay.
Compare sidebar and top-bar filters below. Each has gallery, list and compact examples, with the same room information and booking connection. Colours and fonts come from this website’s theme.
Staging demonstration: fictional rooms and test bookings. Only Garden Suite currently has concept photos; the other rooms show intentional photo placeholders. Use invented guest details.
VARIATION 01 · SIDEBAR FILTERS
Gallery. A little room to imagine.
Photo-led cards with filters alongside.
Hide filters to give the grid more space.
[stayva_gallery columns="3" filters="sidebar"]
VARIATION 01 · SIDEBAR FILTERS
List. Every detail at a glance.
Wider room rows with descriptions, capacity and actions.
[stayva_list filters="sidebar"]
VARIATION 01 · SIDEBAR FILTERS
Compact. Straight to the essentials.
Text-led rows, ideal where space is limited.
[stayva_compact filters="sidebar"]
VARIATION 02 · TOP-BAR FILTERS
Gallery. The full-width view.
Filters above the cards.
Three columns when the available width permits.
[stayva_gallery columns="3" filters="top"]
VARIATION 02 · TOP-BAR FILTERS
List. More space for the story.
Full-width room rows with compact filters above.
[stayva_list filters="top"]
VARIATION 02 · TOP-BAR FILTERS
Compact. A simpler shortlist.
Quick comparison with the same capacity and date checks.
[stayva_compact filters="top"]
Each example keeps its own search and filter selections. On phones, filters start collapsed. Room edits and website design stay centrally managed in Stayva; only placement choices belong in the shortcode or WordPress block.