How get the results style for a custom loop?

Hi,

I working with Ultimate QP Query Filter to create a custom search. And i want to show it like the search page. I tried to take some code from the search page but i cant get exactly like the results. How can it be done? Here is the code we have:

<code>add_filter(‘uwpqsf_result_tempt’, ‘customize_output’, ”, 4);
function customize_output($results , $arg, $id, $getdata ){
// The Query
$apiclass = new uwpqsfprocess();
$query = new WP_Query( $arg );
ob_start();    $result = ”;
// The Loop

if ( $query->have_posts() ) {

//Specific class for post listing */
$blog_type = sq_option(‘blog_type’,’masonry’);
$blog_type = apply_filters( ‘kleo_blog_type’, $blog_type );

$template_classes = $blog_type . ‘-listing’;
if (sq_option(‘blog_archive_meta’, 1) == 1) { $template_classes .= ‘ with-meta’; } else { $template_classes .= ‘ no-meta’; }

add_filter(‘kleo_main_template_classes’, create_function(‘$cls’,’$cls .=” posts-listing ‘.$template_classes.'”; return $cls;’));

echo ‘<div class=”row responsive-cols kleo-masonry per-row-‘ . sq_option( ‘blog_columns’, 4 ) . ‘”>’;

while ( $query->have_posts() ) {
$query->the_post();
global $post;

if ($blog_type != ‘standard’) :
get_template_part( ‘page-parts/post-content-‘ . $blog_type );
else:
get_template_part( ‘content’, get_post_format() );
endif;

}
echo ‘</div>’;
echo  $apiclass->ajax_pagination($arg[‘paged’],$query->max_num_pages, 4, $id, $getdata);
} else {
echo  ‘no post found’;
}
/* Restore original Post Data */
wp_reset_postdata();

$results = ob_get_clean();
return $results;

}</code>

Also, how can we have a smooth scroll when i click in some button or menu? I see that you had in the demo page but i cant figure out how to use.

Thanks!