Using Slider Revolution with Ajax Sites

Example for loading Slider Revolution in pages that are loaded via Ajax.

  • Article Note:
    This article is for advanced developers. What you do with the information here is up to you, but hopefully it will assist with any Ajax loading issues you may be encountering with Slider Revolution during your theme development 🙂

Demo Setup:

  1. Setup a localhost WP installation
  2. Create some new pages, each containing a Slider Revolution
  3. Add these page’s to your site’s main navigation (WP Menu -> Appearance -> Menus)
  4. Install the TwentySixteen theme
  5. Install and activate this basic TwentySixteen child theme.

Child Theme Details:

  1. style.css includes CSS for the basic page transition preloader
  2. js/ajax_example.js converts the page’s main menu to Ajax-based loading

Quick view of custom Ajax-loading script:

Final Result after Demo Setup: