How to make a Front End search Form with ACF

• Ahmadnox

• December 28, 2020 at 7:21 am

I have looked for more than 2 Weeks how to make a Search and Filter Function using ACF Fields and I have finally Made it using this Code which I would love to share it with you.

First university-search.php

<?php
 $is_search = count( $_GET );
    $university_studyfield = get_terms([
            'taxonomy' => 'university_studyfield',
            'hide_empty' => false,
    ]);
    $study_degree = get_terms([
            'taxonomy' => 'study_degree',
            'hide_empty' => false,
    ]);
 $university_location = get_terms([
            'taxonomy' => 'university_location',
            'hide_empty' => false,
    ]);
  
?>
<div class="container">
       <form action="<?php echo home_url('/');?>">
  <div class="row form-group  " style="justify-content: center;">
   
 
         <div class="col-lg-4"> 

               
                <select name="university_studyfield" class="form-control">

                        <option value=""><?php _e('Study Field','studyshoot'); ?></option>

                        <?php foreach($university_studyfield as $university_studyfield):?>
                                <option 
                                
                                <?php if(  isset($_GET['university_studyfield']) && ( $_GET['university_studyfield'] == $university_studyfield->slug)  ):?>
                                    selected
                                <?php endif;?>

                                value="<?php echo $university_studyfield->slug;?>"><?php echo $university_studyfield->name;?></option>
                        <?php endforeach;?>

                </select>
            
            </div>
 <div class="col-lg-4"> 
                
            
                <select name="study_degree" class="form-control">

                        <option value=""><?php _e('  Degree  ','studyshoot'); ?> </option>

                        <?php foreach($study_degree as $study_degree):?>
                                <option 
                                
                                <?php if(  isset($_GET['study_degree']) && ( $_GET['study_degree'] == $type->slug)  ):?>
                                    selected
                                <?php endif;?>

                                value="<?php echo $study_degree->slug;?>"><?php echo $study_degree->name;?></option>
                        <?php endforeach;?>

                </select>
            
  </div>   
 
         <div class="col-lg-4"> 

              
            
                <select name="university_location" class="form-control">

                        <option value=""><?php _e('  Location   ','immobilien'); ?></option>

                        <?php foreach($university_location as $university_location):?>
                                <option 
                                
                                <?php if(  isset($_GET['university_location']) && ( $_GET['university_location'] == $university_location->slug)  ):?>
                                    selected
                                <?php endif;?>

                                value="<?php echo $university_location->slug;?>"><?php echo $university_location->name;?></option>
                        <?php endforeach;?>

                </select>
            
            </div>
            </div>
        <button type="submit" class="new-btn-one btn-block "><?php _e('Search Now ','studyshoot'); ?> </button>
     
        

            </form>
</div>
 
<br><br>
 

Then Functions.php

function search_query()
{

    $paged = ( get_query_var('paged')  )  ? get_query_var('paged') : 1; 

    $args = [

        'paged' => $paged,
        'post_type' =>  array('grants','_'),
        'tax_query' => [],
 

    ];

 

     if( isset($_GET['university_studyfield']) )
    {
        if(!empty($_GET['university_studyfield']))
        {
            $args['tax_query'][] = [

                    'taxonomy' =>  'university_studyfield',
                    'field' => 'slug',
                    'terms' => array( sanitize_text_field( $_GET['university_studyfield'] ) )

            ];
        }
    }

 

     if( isset($_GET['study_degree']) )
    {
        if(!empty($_GET['study_degree']))
        {
            $args['tax_query'][] = [

                    'taxonomy' =>  'study_degree',
                    'field' => 'slug',
                    'terms' => array( sanitize_text_field( $_GET['study_degree'] ) )

            ];
        }
    }

         if( isset($_GET['university_location']) )
    {
        if(!empty($_GET['university_location']))
        {
            $args['tax_query'][] = [

                    'taxonomy' =>  'university_location',
                    'field' => 'slug',
                    'terms' => array( sanitize_text_field( $_GET['university_location'] ) )

            ];
        }
    }
 
 

    return  new WP_Query($args);

}

Then I generate the Shortcode to use it in My Template:

I still need a Tutorial where I can learn how to make it with ajax a live search. also as you see I used the Custom Taxonomy field to do that…. How do I replace the Taxonomy with ACF Select field if is it Possoble

Thanks for all who are working at ACF, It is a Great one