Profile: Karla Jacobsen

Problem: Post Type A and Post Type B are related in a many-to-many relationship by Post Type C (intermediary post type). On the Post Type A single post page, I would like to display a View of all related Post Type Bs, filtered by a taxonomy term.

Solution:
- Create a View of Post Type C, filtered by post relationship, where C is a child of the current post (Post A).
- It is not possible to filter Post Type C based on Post Type B taxonomy terms, so instead you can use conditional logic to show or hide each result based on Post Type B's taxonomy term (in this example, the term is "photographers", the taxonomy is "listing_cat", and Post Type B is "listing").

[wpv-layout-start]
    [wpv-items-found]
   <h4>Category Header</h4>
   <ul class="wpv-hide-empty-header">
    <!-- wpv-loop-start -->
    <wpv-loop>
        [wpv-conditional if="( has_term('photographers', 'listing_cat', [wpv-post-id id='$listing']) eq true )"]<li>[wpv-post-link id="$listing"]</li>[/wpv-conditional]
    </wpv-loop>
    <!-- wpv-loop-end -->
    </ul>
    [/wpv-items-found]
    [wpv-no-items-found]
        <strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
    [/wpv-no-items-found]
[wpv-layout-end]

- Go to Toolset > Settings > Front end Content and find the "Functions inside conditional evaluations" section. Add has_term here.
- If empty category headers are appearing, you can apply the following JS:

jQuery(document).ready(function(){
  jQuery('.wpv-hide-empty-header').each(function(index, item) {
    if(jQuery(item).find('li').length < 1) {
      jQuery(item).prev().hide();  
    }
  });
});

Relevant Documentation:
https://toolset.com/documentation/toolset-training-course/part-9-many-to-many-relationships-in-toolset/
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/