GeoDirectory AJAX Issue

### 1. **Check AJAX Settings in GeoDirectory**
Ensure that the AJAX setting is properly enabled in the GeoDirectory settings:

– Go to **GeoDirectory > Settings > General**.
– Look for the **Search AJAX** setting and make sure it's enabled.
– Save changes if necessary.

### 2. **Clear Caches**
GeoDirectory and caching plugins (like WP Rocket, W3 Total Cache, or any server-side caching) can sometimes conflict with AJAX functionality. Try the following:

– **Clear the GeoDirectory Cache**:
– Go to **GeoDirectory > Dashboard > Design**.
– Click on the **Clear Cache** button.

– **Clear Browser Cache**: Use `Ctrl + Shift + R` (Windows) or `Cmd + Shift + R` (Mac) to force a hard refresh.

– **Clear Plugin Cache**: If you are using a caching plugin, clear the cache from its settings page.

### 3. **Disable Caching for GeoDirectory Pages**
If a caching plugin is causing the issue, you might want to exclude the GeoDirectory pages from being cached:

– Go to your caching plugin settings.
– Add the **GeoDirectory search page URL** to the exclusion list.

### 4. **Check for JavaScript Errors**
There might be a JavaScript error preventing AJAX from functioning correctly:

– Open the browser **Developer Tools** (`F12` or `Ctrl + Shift + I`).
– Go to the **Console** tab and refresh the page.
– Look for any errors that might point to an issue with GeoDirectory.

### 5. **Disable Conflict Plugins or Themes**
Sometimes, other plugins or themes might conflict with GeoDirectory's AJAX functionality:

– **Temporarily switch** to a default WordPress theme (like Twenty Twenty-Three) to see if the issue persists.
– **Disable all other plugins** except for GeoDirectory and recheck the AJAX search.
– If AJAX works, reactivate your plugins one by one to identify the culprit.

### 6. **Ensure jQuery is Loaded Properly**
GeoDirectory AJAX relies on jQuery. Make sure jQuery is loaded correctly:

– Add this code to your theme’s `functions.php` to ensure jQuery loads:

function load_jquery() {
      if (!wp_script_is('jquery', 'enqueued')) {
          wp_enqueue_script('jquery');
      }
  }
  add_action('wp_enqueue_scripts', 'load_jquery');

### 7. **Check GeoDirectory Templates**
If you've overridden GeoDirectory templates in your theme, these customizations could be affecting AJAX:

– Go to **GeoDirectory > Settings > Design > Pages**.
– Try switching to the default templates to see if that resolves the issue.

### 8. **Enable Debug Mode**
You can enable GeoDirectory Debug Mode to get more information:

– Go to **GeoDirectory > Settings > General**.
– Enable **Debug Mode**.
– Check the logs for any errors related to AJAX.

### 9. **Review Custom JavaScript or Custom Code**
If you have added any custom JavaScript or PHP code that might be affecting the search functionality, temporarily disable it and test again.

By following these steps, you should be able to identify what's causing the page reload and get the AJAX functionality working as expected. Let me know if you need further assistance!

Here's a step-by-step guide to troubleshooting and resolving the issue:

### 1. **Review Your Custom Search Template (`search.php`)**
If you've customized the search functionality in your Sage theme, the issue might be within the `search.php` file located in the `views` folder of your Sage theme (`resources/views/search.blade.php`). Make sure the template is properly integrated with GeoDirectory's search features:

– **Check if GeoDirectory's Search Shortcode or Function is Included**:

@php echo do_shortcode('[gd_advanced_search]'); @endphp

Or, if using a blade directive:

{!! do_shortcode('[gd_advanced_search]') !!}

– Ensure that the search form's `method` and `action` attributes are correctly set:

<form method="get" action="{{ home_url('/') }}" id="gd-advanced-search">
      <input type="hidden" name="post_type" value="gd_place">
      <!-- Other search inputs go here -->
  </form>

### 2. **Ensure AJAX Functionality**
If AJAX is enabled but still not working, your Sage theme might be missing the necessary hooks or enqueues required by GeoDirectory:

– **Check if `wp_footer()` is present** in your `resources/views/layouts/app.blade.php` file:

@php wp_footer() @endphp

This ensures that all scripts, including AJAX-related ones, are loaded correctly.

### 3. **Add Required GeoDirectory Scripts**
Ensure that GeoDirectory scripts are properly enqueued in Sage's `setup.php` file (`app/setup.php`):

add_action('wp_enqueue_scripts', function () {
    if (is_page('search')) {
        wp_enqueue_script('gd-search', plugins_url('/geodirectory/assets/js/gd-search.js'), ['jquery'], null, true);
    }
});

### 4. **Update Your Sage Theme’s `functions.php` for AJAX Support**
Sometimes, the Sage theme may block default AJAX behavior. You can adjust it as follows:

– Open `app/setup.php` and add this to ensure AJAX is enabled:

add_action('wp_ajax_nopriv_gd_advanced_search', 'gd_advanced_search');
  add_action('wp_ajax_gd_advanced_search', 'gd_advanced_search');

### 5. **Clear Blade Cache**
Sage uses compiled Blade templates, so you may need to clear the cache after making changes:

php artisan view:clear
php artisan cache:clear

### 6. **Disable Customizations for Testing**
To isolate the issue:

– Temporarily rename your custom `search.blade.php` file (e.g., to `search-backup.blade.php`).
– Create a simple `search.php` file in your theme's root with just the default content:

<?php get_header(); ?>
  <h1>Search Results:</h1>
  <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
      <h2><?php the_title(); ?></h2>
      <?php the_excerpt(); ?>
  <?php endwhile; endif; ?>
  <?php get_footer(); ?>

– Test if the GeoDirectory Advanced Search works now. If it does, the issue is in your custom template.

### 7. **Debug JavaScript Conflicts**
Use the browser console to identify any JavaScript errors that might interfere with AJAX:

– Press `F12` to open Developer Tools and check the **Console** tab.
– Look for errors related to `gd-search.js` or `jQuery`.

### 8. **Enable GeoDirectory Debug Mode**
If the issue persists, enable the debug mode in GeoDirectory for further insights:

– Go to **GeoDirectory > Settings > General**.
– Enable **Debug Mode** and replicate the search to review any errors or issues in the logs.

By following these steps, you should be able to resolve the conflict between your Sage Root theme customization and GeoDirectory's Advanced Search functionality. Let me know if you need further assistance!