Hey Garima

Ok so the first thing, lets disable ajax completely – much easier for testing.

Next, you have two options:

1) The quickest and easiest method for loading results on the same page is to use the shortcode display method:
http://www.designsandcode.com/documentation/search-filter-pro/search-results/using-a-shortcode/

This will require your following the instructions to customise the template to create a layout you want.

2) If you want to use the layout of your homepage and the posts, then you need to make sure your results page layout is the same as the homepage.

This is your results page:

http://tinyminygoodness.com/event/

And it uses a different template to your homepage.

http://tinyminygoodness.com/

I’m assuming the results page is also your post type archive for the post type events.

In this case to change the layout of the events page, you would need to create a new template that follows the template naming structure in WP – https://codex.wordpress.org/Post_Type_Templates

At a guess it would be archive-events.php if events was the internal name of your post type.

Once the two pages are matching in layout/design, we can proceed with the next steps.

Thanks

Hey Garima

I changed the ajax selector to:

.event-posts and I think this is the correct selector – however, currently your results page has a PHP error, so it will not work:

http://tinyminygoodness.com/event/

Thanks

Hey Garima

I took another look.

So you events archive page – archive-event.php is using a custom shortcode to display the grid.

Anyway it looks like you will need to create your own query which I guess is what you were asking above.

To attach S&F to a query, you simple need to add a var.

So you can do:

$query = new WP_Query(array("search_filter_id" => 1234));

This will setup the query to be used with S&F.

Then you can loop through the results how you want.

Hope this is what you were asking for.

Thanks