Ajax Loading in Version 7.0: How It Works & Supported Templates

Ajax Loading in Version 7.0: How It Works & Supported Templates

By Michael Chen

February 13, 2025 at 01:31 PM

Ajax loading in modern websites enables faster and more seamless page navigation by loading only necessary content while retaining static elements like headers and footers. This technique is particularly effective for content-heavy pages such as blogs and galleries.

Template Support

Ajax loading is available in these Version 7.0 template families:

  • Brine
  • Farro
  • Skye (Blog Landing Page Only)
  • Tremont
  • York

Configuration Options

Ajax is enabled by default for visitors and offers these benefits:

  • Faster page loading times
  • Improved user experience
  • Seamless content transitions

Note: Ajax loading remains disabled for logged-in editors to ensure proper functionality during site editing.

Important Considerations:

  • May conflict with custom code and anchor links
  • Could affect website analytics tracking
  • Cannot be disabled in Skye family
  • Remains active on Farro's Blog Landing Page regardless of settings

How to Manage Ajax Loading

To toggle Ajax loading:

  1. Navigate to Website Styles
  2. Find "Enable Ajax Loading"
  3. Toggle the setting as needed

Loading Bar Features

Templates with loading bar support:

  • Brine
  • Farro

Customize the loading bar:

  1. Access Website Styles
  2. Go to Website: Loading
  3. Adjust Width and Color settings
  4. Toggle visibility with "Show Loading Bar"

Troubleshooting Tips:

  • Disable Ajax if experiencing issues with custom code
  • Monitor analytics implementation
  • Test functionality across different page types
  • Verify compatibility with third-party integrations

Related Articles

Previous Articles