1. Overview
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.
2. How to set up Scrollspy Navigation
To use Scrollspy Navigation, you need to enable the feature first, then add a title to each section you want to link.
Step 1: Enable Scrollspy Navigation
Go to: Customize → Product page → Theme Settings
Enable Scrollspy navigation.
Step 2: Add navigation titles to sections
Go to the section—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.
3. Important notes
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.
4. Best practices
Use Scrollspy Navigation only for important sections. Avoid adding too many items, especially on mobile, because the sticky navigation can become crowded.
