Topic Tag: Views plugin

Problem:

The issue here is that the user has a view that lists multiple post types but want to style each post type differently

Solution:

Here is how I achieved this:

1. Create your view and ensure that you've selected the option "Allow multiple Post types".
2. Select the post types that you want to be included in the view.
3. Ensure that you've set the sorting option on the view. See Screenshot. You will need to do this so the posts types are listed together.
4. On the view loop section you will add a conditional block for your first Post Type. Setup your conditionals as per my conditional screenshot, where you will select the Post Source, in a case of a multiple post type view you can leave this unchanged as it will set the correct information once the view is displayed. However for the source you will select Post Type, then the comparison is done for a static value and just add the post type slug.
5. In that conditional block you will setup how you want your post type A to display.
6. Using the block navigator tool. Select the view loop and then add a new conditional block to that loop and repeat steps 4 and 5.
7. When you are finished you can double check your structure and ensure that all your conditional blocks are within the view loop