1. Home
  2. WordPress Plugins
  3. OOW PJAX

OOW PJAX

OOW PJAX

Transform your WordPress site into a fast, seamless PJAX (PushState + AJAX) experience without jQuery.

OOW PJAX, by OOWCODE and OOWPRESS, enhances your WordPress site with smooth, AJAX-driven navigation. Using the browser’s History API (PushState) and pure JavaScript (no jQuery), it dynamically updates content areas, making your site feel faster and more responsive. Perfect for portfolios, blogs with persistent media players, or dynamic content sites.

View demo
Download on WordPress
Documentation

Key Features

  • Seamless AJAX Navigation: Loads content via AJAX, updating specific containers without full page reloads.
  • Persistent Elements: Keeps media players, sticky menus, or chat widgets intact during transitions.
  • Browser History Support: Syncs URLs with the History API for natural navigation.
  • Customizable Loader: Style the loading overlay (e.g., spinner, progress bar) with CSS.
  • Content Caching: Stores pages locally for instant repeat visits, with user-aware logic.
  • AJAX Form Handling: Submits forms (e.g., comments, login) via AJAX with redirect support.
  • Lightweight & jQuery-Free: Built with vanilla JavaScript for optimal performance.
  • Flexible Configuration: Define target containers, exclude links (e.g., .no-pjax), and set custom events.
  • Debug Mode: Logs detailed information for troubleshooting.
  • Script Priority Control: Customize the loading order of oow-pjax.js in the footer.
  • Page-Specific Styles: Inject stylesheets and inline styles during PJAX transitions.
  • Advanced Script Execution: Re-execute scripts in updated containers, footer, or inline scripts.
  • Secure Implementation: Uses nonces, sanitization, and strict script validation.

Frequently Asked Questions

PJAX (PushState + AJAX) loads content dynamically via AJAX while updating the browser’s URL. OOW PJAX creates fast, app-like navigation, ideal for sites with persistent media or dynamic content.

Yes! Exclude player controls (e.g., .player-controls) in “Exclude Selectors” to keep audio or video players persistent during navigation.

Yes, specify your theme’s content container (e.g., #main, .content) in “Target Containers”. Check your theme’s source code for the correct selector.

Yes, enable “Enable Form Handling” to submit forms (e.g., comments, login) via AJAX, with support for server-side redirects.

Edit “Loader CSS” in the settings to customize the loading overlay. Use “Reset to Default” to revert to the default spinner.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Yes, enable “Enable Page-Specific Styles” to inject stylesheets and inline styles during PJAX transitions for consistent rendering.

Yes, works with WP Rocket, W3 Total Cache, and others. Enable “Cache” and adjust “Cache Lifetime” for dynamic content.

Installation

Upload the oow-pjax folder to /wp-content/plugins/, or install via the WordPress plugins screen.

Activate the plugin through the Plugins menu in WordPress.

Go to OOWCODE > OOW PJAX. Configure target containers, exclusions, loader styles, script priority, and advanced options. Save and test navigation.

Changelog

  • Added: Script Priority setting to control oow-pjax.js loading order.
  • Added: Page-Specific Styles option for injecting stylesheets and inline styles.
  • Added: Script Re-execution options for targets, footer, and inline scripts.
  • Added: Dynamic admin notices for better feedback.
  • Improved: JavaScript initialization, cache management, form handling, and security.
  • Improved: Admin interface with theme toggle and responsiveness.
  • Initial release with seamless PJAX navigation, persistent element support, and customizable settings.