Anchor links bar
The Anchor links bar appears once customers scroll past the top. It links to sections of the page, such as specs, compare and FAQ, and can show the product with an add to cart button.
Set up the bar
- Click Anchor links with cart on the product template, or add it.
- Set the First link (1): it goes back to the top of the page.
- Turn on Add links from section headings (2) to add a link for every section with a heading, or add Link blocks yourself.
- Turn on Show product and add to cart.
Settings reference
Anchor links with cart
| First link | Goes back to the top of the page (the product on product pages). Leave blank to hide. |
|---|---|
| Add links from section headings | Every section with a heading gets a link, after the links you add. |
| Skip headings containing | Comma-separated words, e.g. recently, newsletter. |
| Product | |
| Show product and add to cart | Turns this on or off. |
| Product | Product pages show their own product. Elsewhere this product is shown. |
| Button before the product | Options: Back, Home, None. |
Link block
| Label | |
|---|---|
| Go to | The heading of the section (or part of it), or #anchor-id. Leave blank to look for a heading that matches the label. |
Section width, corners, padding, color scheme, divider and visibility work the same in every section: see Section layout and spacing. Headings, subheadings and descriptions: see Section headings and text.
How it works
- A link finds its section by the section's heading, or by
#anchor-id(set Anchor ID on the section). - Use Skip headings containing to leave out sections such as recently viewed.