How to Add Anchor Links to Index Pages in Version 7.0

How to Add Anchor Links to Index Pages in Version 7.0

By Michael Chen

February 13, 2025 at 05:11 AM

Let me rewrite this article to be more concise and valuable while maintaining all the important information:

Creating anchor links in version 7.0 allows visitors to jump directly to specific sections on your index page. This feature works seamlessly with stacked index pages and requires no custom code.

Compatible Template Families:

  • Bedford
  • Brine (Note: Ajax loading may interfere; consider using built-in index navigation)
  • Pacific (Requires "-section" suffix)

How to Create an Anchor Link:

  1. Get the Section Slug
  • Open Page Settings for your target index section
  • Copy the URL Slug from the settings panel

Highlighted URL Field

Highlighted URL Field

  1. Create the Link
  • Select the text or element you want to make clickable
  • Click the link icon in the toolbar
  • Paste the copied slug
  • Add a hashtag (#) at the beginning
  • Disable "Open in new tab"
  • For Pacific, Charlotte, Horizon, and Naomi templates, add "-section" at the end
  1. Add Index Page Slug (if linking from outside the index page)
  • Copy the Index Page slug
  • Format as: /index-slug/#section-slug
  • For Pacific family: /index-slug/#section-slug-section

Examples in Action:

Brine template showing various anchor link types:

Three jars of homemade preserves

Three jars of homemade preserves

Bedford template with side-by-side navigation:

Plate with brunch and coffee

Plate with brunch and coffee

Grid Index Pages: Works with Avenue, Flatiron, and Montauk templates using the format: /index-slug/?format=main-content#section-slug

Example in Avenue template:

Three images displayed on the page

Three images displayed on the page

Troubleshooting Tips:

  • Verify index page slug inclusion when linking from navigation or other pages
  • For Brine templates with mobile issues, try disabling Ajax
  • Update anchor links manually if section slugs have been modified

Related Articles

Previous Articles