[Resolved] search results list style format with thumbnail.

[raul]

Hello, is it possible to modify my search results to a list style format with a thumbnail. Something similar to a search engine result but with a thumbnail. As for now my sites results displays 2 columns and want to reduce space for more search results. Any help would be greatly appreciated. thanks

[Leo]

Hi Raul,

This will take a bit of custom solution so let’s take one step at a time.

First, can you add this PHP snippet to turn off columns in the search result page?

add_filter( 'generate_blog_columns', function( $columns ) {
    if ( is_search() ) {
        return false;
    }

    return $columns;
} );

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

Let me know 🙂

[raul]

it worked, what next. 🙂

[Leo]

Now we need to figure out the exact layout you are trying to achieve.

Are you thinking about something like this for the search result page?
https://gpsites.co/marketer/

[raul]

yes something like that, but with a style like google search results with a thumbnail to the right.

[Leo]

The best method would be to build a block element content template for your desired layout:
https://docs.generatepress.com/article/block-element-content-template/

Then assign it to the Search Results page using the display rules.

[raul]

it is because I have many products and articles that I would like to show on a single page rather than 5 of 6 at a single time.

[Leo]

You can consider using this snippet to change the posts per page setting on the search results page:
https://generatepress.com/forums/topic/search-result-page-not-even/#post-2153367

[raul]

what would be the easiest thing to do. I just want to minimize the product images to a small thumbnail to the right and have a layout out like google result format. Theirs to much white space between a single search item.

[Ying]

Hi Raul,

I’m afraid there’s no easiest way, every suggestion Leo made is necessary.

1. Use PHP snippet to disable the column on search result page which is done.

2. Use the PHP snippet to allow more posts on search result page: https://generatepress.com/forums/topic/search-results-list-style-format-with-thumbnail/#post-2231532

3. Create your own content template for search result page, please read the below documentation and do watch the video:
https://docs.generatepress.com/article/block-element-content-template/

[raul]

this would work https://gpsites.co/marketer/. like you suggested.

[Ying]

I’m not sure what you mean.

Do you want the same style of the Marketer template on your search result page?

[raul]

yes. but I think I figure it out. But would like to know what you have in mind.

[Ying]

You can build that layout using GenerateBlocks plugin easily.

[Author]

Posts