Explaining Ajax Loading in Version 7.0 Templates: A Complete Guide

Explaining Ajax Loading in Version 7.0 Templates: A Complete Guide

By Michael Chen

February 13, 2025 at 07:35 PM

Ajax loading functionality in Version 7.0 templates enables faster, seamless page transitions by keeping static elements like headers and footers pre-loaded while dynamically updating page content.

Supported Templates

  • Brine
  • Farro
  • Skye (Blog landing page only)
  • Tremont
  • York

Enable/Disable Ajax

Ajax is enabled by default for visitors. You can manage this setting in Site Styles panel by toggling "Enable Ajax Loading" option.

Important Notes:

  • Cannot be disabled in Skye template family
  • Cannot be disabled on Farro's blog landing page
  • Always disabled for logged-in creators
  • May conflict with:
    • Custom code
    • Code-based customization
    • Anchor links
    • URL redirects
    • Site analytics tracking

Loading Bar Configuration

Available in Brine and Farro templates. To manage the loading bar:

  1. Navigate to Site Styles panel
  2. Locate "Site: Loading" section
  3. Toggle "Show Loading Progress Bar"
  4. Customize width and color as needed

Benefits of Ajax Loading

  • Faster page transitions
  • Reduced server requests
  • Improved user experience
  • Efficient content delivery
  • Smoother navigation between pages

Consider keeping Ajax enabled when possible to maintain optimal site performance, unless specific functionality conflicts arise with custom implementations or analytics requirements.

For sites with heavy content like blogs and galleries, Ajax loading significantly improves the browsing experience by reducing load times and providing seamless transitions between pages.

Related Articles

Previous Articles