I am trying to: Get past events all showing.
I visited this URL: hidden link
I expected to see: 16 past events sorted in descending order.
Instead, I got: 2 past events when view is sorted on event number (which is what I want). When I sort on Post Date I get 7 events showing.
The view is called "Connected Events List"
I've included screenshot of settings for view.
Here's loop:
[wpv-layout-start]
[wpv-items-found]
<div id="x-iso-container" class="past-list x-iso-container x-iso-container-portfolio cols-4 isotope">
<!-- wpv-loop-start -->
<wpv-loop wrap="4" pad="true">
[wpv-item index=1]
[wpv-conditional if="( '[wpv-post-status id='$pec-events']' eq 'publish' )"]
<div class="x-portfolio type-x-portfolio isotope-item hentry">
<div class="entry-featured">
[types field="show-poster" size="full" align="none" id="$pec-events"][/types]
<div class="past-icon"></div>
</div>
<div class="entry-wrap cf">
<div class="entry-header">
<div class="past-data">
<h3>[types field="event-num" format="FIELD_VALUE" id="$pec-events"][/types]</h3>
<p class="pec_time" style="margin: 0;">[string2date2 slug="pec_date" eventid="[wpv-post-id id='$pec-events']" format="l, F j, Y"]</p>
<div class="pe-button">
MORE INFO </h5>
</div>
</div>
</div>
</div>
</div>
[/wpv-conditional]
[wpv-item index=other]
[wpv-conditional if="( '[wpv-post-status id='$pec-events']' eq 'publish' )"]
<div class="x-portfolio type-x-portfolio isotope-item hentry">
<div class="entry-featured">
[types field="show-poster" size="full" align="none" id="$pec-events"][/types]
<div class="past-icon"></div>
</div>
<div class="entry-wrap cf">
<div class="entry-header">
<div class="past-data">
<h3>[types field="event-num" format="FIELD_VALUE" id="$pec-events"][/types]</h3>
<p class="pec_time" style="margin: 0;">[string2date2 slug="pec_date" eventid="[wpv-post-id id='$pec-events']" format="l, F j, Y"]</p>
<div class="pe-button">
MORE INFO </h5>
</div>
</div>
</div>
</div>
</div>
[/wpv-conditional]
[wpv-item index=4]
[wpv-conditional if="( '[wpv-post-status id='$pec-events']' eq 'publish' )"]
<div class="x-portfolio type-x-portfolio isotope-item hentry">
<div class="entry-featured">
[types field="show-poster" size="full" align="none" id="$pec-events"][/types]
<div class="past-icon"></div>
</div>
<div class="entry-wrap cf">
<div class="entry-header">
<div class="past-data">
<h3>[types field="event-num" format="FIELD_VALUE" id="$pec-events"][/types]</h3>
<p class="pec_time" style="margin: 0;">[string2date2 slug="pec_date" eventid="[wpv-post-id id='$pec-events']" format="l, F j, Y"]</p>
<div class="pe-button">
MORE INFO </h5>
</div>
</div>
</div>
</div>
</div>
[/wpv-conditional]
[wpv-item index=pad]
[wpv-item index=pad-last]
</wpv-loop>
<!-- wpv-loop-end -->
</div>
[/wpv-items-found]
[wpv-no-items-found]
[wpml-string context="wpv-views"]No items found[/wpml-string]
[/wpv-no-items-found]
[wpv-layout-end]
Here's JS:
jQuery(document).ready(function($){
var $container = $('#x-iso-container');
var $optionSets = $('.option-set');
var $optionLinks = $optionSets.find('a');
$container.before('<span id="x-isotope-loading"><span>');
$(window).load(function(){
$container.isotope({
itemSelector : '.x-iso-container > .hentry',
resizable : true,
filter : '*',
containerStyle : {
overflow : 'hidden',
position : 'relative'
}
});
$('#x-isotope-loading').stop(true,true).fadeOut(300);
$('#x-iso-container .hentry').each(function(i){
$(this).delay(i*150).animate({'opacity':1},300);
});
});
$(window).smartresize(function(){
$container.isotope({ });
});
$container.isotope({ layoutMode: 'cellsByRow' })
$optionLinks.click(function(){
var $this = $(this);
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
value = value === 'false' ? false : value;
options[key] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
changeLayoutMode( $this, options );
} else {
$container.isotope( options );
}
return false;
});
$('.x-portfolio-filters').click(function () {
$(this).parent().find('ul').slideToggle(600, 'easeOutExpo');
});
});