Scrollspy Navigation adds a sticky navigation bar that allows customers to jump quickly to specific sections on the page.
It is commonly used on the Product page, but it can also work on other pages if the section supports the Scrollspy navigation item setting.
To use Scrollspy Navigation, you need to enable the feature first, then add a title to each section you want to link.
Go to:
Customize → Product page → Theme Settings → Scrollspy navigation
Enable Scrollspy navigation.
After enabling Scrollspy Navigation, go to the section you want to link and find:
Scrollspy navigation item → Title
Enter the title you want to display in the sticky navigation.
Example:
Section | Title |
|---|---|
Key features | Key features |
Media and text blocks | Information |
Product compare | Compare |
After a title is added, that section will appear as an item in the sticky navigation.
If the title is empty, the section will not appear in the navigation.
Scrollspy Navigation is mainly designed for the Product page.
It may also work on other pages, but not all sections are fully supported.
Only sections that include the Scrollspy navigation item → Title option can be added to the navigation.
Enabling Scrollspy Navigation alone is not enough. You also need to add a title for each section you want to show.
Keep titles short and clear, such as Key features, Information, Compare, or FAQ.
Use Scrollspy Navigation only for important sections. Avoid adding too many items, especially on mobile, because the sticky navigation can become crowded.