In the theme editor: CustomizeProduct pageAdd sectionIn-page navigation

In-page navigation

A small bar of links that jumps to the sections of a long product page, such as reviews or questions.

Each section that should appear in this bar has a “Page navigation” name in its own settings.

Settings

Display

Show the navigation
On or offDefault: OffA slim row of links to the sections of a long product page, in the order they appear. It is built from headings the sections mark for it, and stays hidden with fewer than two links.
Keep it pinned under the header
On or offDefault: OnThe row stays in view while scrolling, and the headings land just below it.
Settings every section sharesColors, Window

The window, scrolling, spacing and color settings work the same way in every section. Read how they work.

Colors

Color scheme
Color schemeSame as the page scheme: the section sits on the page background. Another scheme gives the section its own background, as a card inside the frame. Custom colors below override the scheme.
Use custom colors for this section
On or offDefault: OffOverrides the color scheme. Empty fields follow the scheme.
Background
ColorDefault: #F1F1EF
Text
ColorEmpty: automatic. Light on a dark background, dark on a light one.

Window

Attach
Choice: Separate window, Attached to the window above, Attached to the window below, Attached above and belowDefault: Separate window

Something here doesn’t match what you see in your editor? Tell us and we will fix the guide.