Use Google Chrome inspector to find the main content you want to reload with ajax. (See the video example below). Find the div ID and enter id in the Main container ID or Class:. For example if the name of the section contain id="content" use #content. If there's no ID use the Class But alway seek for the ID first, because it may have the same class many time and it will not work. for ID use # before the name I.E. #content and for a Class use a dot like this .content
In the Zajax Pro version, you can reload any part outside the Main container if you need to, like reloading the menu to get the right menu selected for example, or the side bar, or everything you need. You can reload as many section you want. ex: EX: .menu,header,.widget-area,#footer
If a javascript function is called twice or behavior strangely try to stop reloading javascript who may be in the body to not be called each time you load a page.
This is for scripts in javascript/jQuery who don't seem to work or load. You may add a list of javascript files to reload each time Zajax reload a page.
Page will preload when user Mouse Hover a link more than 100 miliseconds ( Uncheck if this function add too much burden on your server but page will load slower ). With page preload, Zajax will preload page temporary to show it faster to your users when the will click on the link.
Trigger javascript/jQuery code you want before page is ajax loaded. It may be for example, closing the mobile menu after the user click a link in your hamberger menu. something link, on link click trigger the hamberger menu.
Same thing like the jQuery on ajax send but you javascript/jQuery code will only trigger after the ajax page is loaded.
If you want links with no ajax just add the class "no-ajax".