[Resolved] Setting a conditional to not display duplicates in a loop

[Author]

Posts

[taih]

I have a view with a loop: "Narrator Genre-page insert" to display the genres of the author on the Narrators profile page.

The relations are a bit odd, but...
A custom post type "Narrator' is the parent of the "Samples" custom post type. Samples has custom taxonomies of "Genres" and "Dialects".

I have the loop showing all the genres of the child post in a list, but if two samples have the same genre it shows both. I am trying to create a conditional to not show if its already been displayed.

You can see this narrator profile has two entries of "Bio/Memoir, " in the genre loop.
hidden link

[taih]

This is the direction I have been trying.

[wpv-conditional if="( '[wpv-taxonomy-slug]' eq 'wpv-taxonomy-slug' )" evaluate="false"]
<h6>[wpv-post-taxonomy type="genre" format="name"]</h6>
[/wpv-conditional]

[Christian Cox]

Hi, there's not a really easy way to prevent duplicates like this in Views. The conditional you're referring to isn't designed to help you compare a single item with other items. Instead, I could offer a JavaScript solution.

First, you must modify your View so that each genre inside the h6 tag is wrapped in a span tag with a specific class. This will allow us to target each genre individually:

<h6>
  <span class="genre-string">Bio/Memoir, </span>
  <span class="genre-string">Travel/Adventure</span>
</h6>

Then add this JavaScript to your View or Content Template's JS panel

jQuery(document).ready(function(){
  var seenGenre = {};
  jQuery('.genre-string').each(function() {
    var txt = $(this).text();
    if (seenGenre[txt] || seenGenre[txt + ', ')
        jQuery(this).remove();
    else
        seenGenre[txt] = true;
  });
});

I may need to be able to see the code used in your Loop Editor or Content Template to make a more accurate recommendation here.

[taih]

Thank you for the direction. I am still a bit stuck unfortunately. I followed the suggestion, but it didn't seem to work.

I think it would have worked, but it has now highlighted a deeper issue causing it.
The genres in this example are taxonomies of samples. They are checkbox fields and when a sample has multiple checkboxes it comes out as "Bio/Memoir, Science" not "Bio/Memoir" and "Science", so the JS isnt catching it.

Bio/Memoir, Science
Bio/Memoir

Is it possible to break those apart by the "," ?

[Christian Cox]

I see what you mean, let's make some adjustments. In order to break apart the taxonomy terms, you must use spans and separators like this:

<wpv-loop>
      <div>
	    <h6><span class="genre-string">[wpv-post-taxonomy type="category" separator=", </span><span class='genre-string'>" format="name" order="asc"]</span></h6>
      </div>
</wpv-loop>

Here's the updated JavaScript:

jQuery(document).ready(function(){
  var seenGenre = {};
  // loop over spans
  jQuery('.genre-string').each(function(index,item) {
    var txt = jQuery(item).text();
    var $div = jQuery(item).closest('div');
    // if genre has been seen, remove this span
    if (seenGenre[txt] || seenGenre[txt + ', ']){
        jQuery(item).remove();
    }else{
        seenGenre[txt] = true;
    }
    // now reexamine the parent div and see if it should be removed for lack of content
    if($div.text() == ''){
    	$div.remove();
    }
  });
});

[taih]

That was absolutely fantastic sir. Thank you for your help.