Skip Navigation

[Resolved] Displaying search results with different designs

This thread is resolved. Here is a description of the problem and solution.

Problem: I have a View that includes multiple post types. I would like to display the results differently depending on the post type.

Solution: You could use conditional HTML to apply different styles and markup to different post types, like this:

<wpv-loop>
[wpv-conditional if="('[wpv-post-type]' eq 'advertisement')"]
  [wpv-post-title] is an advertisement
[/wpv-conditional]
[wpv-conditional if="('[wpv-post-type]' eq 'free-listing')"]
  [wpv-post-title] is a free listing
[/wpv-conditional]
</wpv-loop>

Relevant Documentation:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-type

This support ticket is created 6 years, 5 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 6 years, 5 months ago.

Assisted by: Christian Cox.

Author
Posts
#951409

I'm trying to make a search result page which displays 2 separate custom post types; paid advertisements and free listings. I can get the results to show, but the advertisements need to have a different layout than the free listings.

This is what it should look like (this is a listing page) : hidden link. The search results should look the same as this, with the paid advertisements first and then the free listings.

#951603

Hi, you could use Conditional HTML in the View's Loop Editor to apply different designs to different post types. For example:

<wpv-loop>
[wpv-conditional if="('[wpv-post-type]' eq 'advertisement')"]
  [wpv-post-title] is an advertisement
[/wpv-conditional]
[wpv-conditional if="('[wpv-post-type]' eq 'free-listing')"]
  [wpv-post-title] is a free listing
[/wpv-conditional]
</wpv-loop>

We have documentation about conditional HTML available here:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/
Information about the post type shortcode here:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-type