Show Featured Image on Search Results Page

[mugwumpr]

Hello,

I’ve got an ecommerce shop where the Featured Image is the most important part of each product.

Unfortunately, the search results page is showing everything BUT the featured image:

Is there a snippet or CSS solution to include the featured image in the results and, optionally, hide the text?

The search results page (the search form is in the menu bar): https://dobrador.com/?s=big+word

Wordpress, Weaver, and all plugins are at their most current version as of this post.

Thanks!

[Weaver]

You can’t just display the featured image – it will have to include all the content.

But you have to set an option:

Customizer -> Layout -> Post Specific -> Full Post for Searches

 

[scrambler]

Once the search display the full post, we should be able to hide the text with CSS.

Give us a link to a search page result showing the full post with the featured image.

[mugwumpr]

Hey guys, thanks for the quick reply!

Sadly, it appears that I’ve already got that setting activated.

So, I guess the search results page in my original post is also one where that setting is activated.

[scrambler]

You are right, it appears the result of a search never displays the featured image, even when using full posts.

@weaver, is that a bug?

Any reason there is no featured image in a post inside a search page result?

[Weaver]

When I tested it, the featured image showed on searches.

[scrambler]

OK, so I had featured image set as header image replacement, which is why it did not show…

@mugwumpr

What setting do you have in the posts editing page > Weaver Xtreme 4 option for this post > Post Blog / Archive option TAB > Post Blog/Archive View: Featured Image?

Because if you have header image replacement, that would explain why it is not showing up

 

[mugwumpr]

Oops, my bad. I had it set to hide the FI on all devices.   No idea why I did that.

You mentioned hiding the text?

 

[scrambler]

It may not be as easy as I thought, but try putting the rule below in the theme Global Custom CSS Rule box

.search .entry-content p, .search .entry-content ul {display:none;}

 

[mugwumpr]

That works perfectly for the mugs!

The size chart for the tees still shows, though.

[scrambler]

This reply has been accepted as the best answer.

Change the rule to

.search .entry-content p, .search .entry-content ul, .search .entry-content table {display:none;}

[mugwumpr]

That worked like a charm! Thanks, scrambler!

[Author]

Posts