Pins a quick-jump menu to the top of your property pages once a guest scrolls into the listing, so long pages with rooms, amenities, rates, and reviews stay easy to navigate.
What it does #
Long property pages ask a lot of a guest’s scrolling thumb. Once someone has scrolled past the photos and into the details, it is easy to lose track of where the reviews are, or to give up hunting for the rates table. Property Page Section Nav solves that with a small sticky menu that appears as the guest scrolls into the listing content, with one link per section: Rooms, Amenities, Rates, and Reviews. Tapping a link jumps straight there, and the menu highlights whichever section the guest is currently reading.
- The nav only shows links for sections a property page actually has. A property with no reviews yet, for example, simply gets no Reviews link rather than a link that goes nowhere.
- It looks at what the page itself rendered, so nothing extra needs to be tagged or configured per property.
- It works alongside your page’s own layout: it does not remove or replace anything, it just adds a floating or full-width way to jump around.
How to turn it on #
1. Enable the module #
Go to the HomeRunner Toolkit Hub and switch on Property Page Section Nav.
2. Review the settings #
Open the Property Page Section Nav panel in the Toolkit Hub to choose its look, position, and link labels. Every option is covered in the Settings section below.
Settings #
| Setting | What it controls |
|---|---|
| Presentation | How the nav is styled: Full-width bar spans the page width with an underline on the active section, or Floating pill shows a rounded menu centered on the page. Default: Floating pill. |
| Distance from the top (px) | How far down from the top of the screen the nav sits, so it clears a site header that stays visible while scrolling. Leave at 0 if your header scrolls away with the page. Default: 0. |
| Phones and small tablets | Shows the nav on small screens too, where it scrolls sideways if the labels do not all fit. Turn off to show it on desktop only. On by default. |
| Link labels | Custom text for each link (Rooms, Amenities, Rates, Reviews). Leave any field blank to use its default label. These change only the nav’s link text, not the section headings on the page itself. |
Tips #
- A property page has to actually contain a section for its link to appear, so a listing missing rates or reviews just shows fewer links, nothing broken.
- If your site header stays fixed at the top while guests scroll, set Distance from the top to roughly your header’s height so the nav does not sit underneath it.
- This module needs your property page template current enough to give each section its own distinct id. On an older template, every section shares one id and the nav has nothing to reliably jump to, so it stays hidden rather than sending a guest to the wrong place. Keeping your HomeRunner plugin up to date resolves this.
- Pair this with Review Display so the Reviews link always has somewhere meaningful to land.