Divide search results so it shows posts and than pages

Hi there,

In that case, you can use a child theme. Simply copy the modified search.php file from the parent theme into the child theme directory.

Here’s a child theme download link:
https://generatepress.com/api/themes/generatepress_child.zip

Hi there,

You can add 2 query blocks into the loop template element of the search results.

1. Set post type to post for 1 query block, and set post type to pages for the other query block, do NOT toggle the Inherit query from template option for either of the query block.

2. Add CSS class search-posts to the 1st query block, and add CSS class search-pages to the 2nd query block.
Adding CSS class(es): https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/

3. Add this PHP code.

add_filter('generateblocks_query_wp_query_args', function ($query_args, $attributes) {
	// Only run modifications on the search results page
	if (! is_search()) {
		return $query_args;
	}

	// Get the main search query term
	$search_term = get_search_query();

	// If there's no search term, don't modify (or could force no results)
	if (empty($search_term)) {
		// Optional: Force no results if search term is empty for these blocks
		// $query_args['post__in'] = array(0);
		return $query_args;
	}

	// Get the CSS classes assigned to the Query block
	$block_classes = $attributes['className'] ?? '';

	// Check if this Query block has one of our target classes
	$is_target_search_loop = (
		strpos($block_classes, 'search_posts') !== false ||
		strpos($block_classes, 'search_pages') !== false ||// Add any other classes you use
		// Add more || conditions for other post type loops
	);

	// If it's one of our targeted search loops, add the search term parameter
	if ($is_target_search_loop) {
		$query_args['s'] = $search_term;

	}

	return $query_args;
}, 10, 2);

Adding PHP: https://docs.generatepress.com/article/adding-php/

As an alternative to all this, is it be possible to add search box or feature that would only show pages in search results?

Yes, you can use WP’s pre_get_post() filter to only show pages in the search result.

add_action( 'pre_get_posts', function( $query ) {
    // Only modify the main search query on the frontend
    if ( $query->is_search() && $query->is_main_query() && !is_admin() ) {
        $query->set( 'post_type', 'page' ); 
    }
});

1. Pagination is gone from the filtered search results, and

I see, this would be complicated, the 2 queries are independent of each other, so it’s impossible to have only 1 pagination for both queries, unfortunately.

2. Pages show up is search results that are not supposed to, ie. are marked with Exlcude from search.

Did you exluded pages from the query block settings? if so, we can try modify the code to merge the search query args into the original uqery args that GB already built.

add_filter('generateblocks_query_wp_query_args', function ($query_args, $attributes) {
    // Only run modifications on the search results page
    if ( ! is_search() ) {
        return $query_args;
    }

    $search_term = get_search_query();
    if ( empty($search_term) ) {
        return $query_args;
    }

    $block_classes = $attributes['className'] ?? '';

    $is_target_search_loop = (
        strpos($block_classes, 'search_posts') !== false ||
        strpos($block_classes, 'search_pages') !== false
    );

    if ( $is_target_search_loop ) {
        // Merge additional args with the original query args
        $query_args = array_merge(
            $query_args,
            [
                's'         => $search_term,
            ]
        );
    }

    return $query_args;
}, 10, 2);

You are welcome   🙂

@Maik,

Glad it works for you 🙂