Here’s a bit more of the complete code for generating the posts on the page (I apologize if the formatting is wierd…hard to post code in comments). I’ve added in some commented out notes to help you out:

[code]
<!-- This first php chunk defines the variables for the array of posts. In this case, I am telling it to pull 100 posts, randomize the display order and only pull from category 82, which is the parent category (portfolio) for all the child categories that I am including in this page. You'll want to change those variables to whatever applies to your site --><?php global $post; $count='';$args = array( 'numberposts' => 100, 'orderby' => 'rand',  'category' => 82 ); $myposts = get_posts( $args ); foreach( $myposts as $post ) : setup_postdata($post);  if (is_category()) {$yourcat = get_category ($cat); }              ?>                                                                                       <!-- Post Starts - This area sets up the display for the posts. In my case, I display the featured image for the post, wrapped in a link that will trigger fancybox. For your test, I have stripped this down to just the post title, linked to the post permalink, just so you can get it working before trying to add in other elements.  -->                                         <div class="port port-file <?php $post_cats = get_the_category(); foreach( $post_cats as $category ) { echo $category->slug.' ';} ?>" data-category="portfolio"> <a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> </div>                                            <!-- /.post -->            <?php $count++; endforeach; ?>
[/code]

Hope that helps. If you are still having trouble, shoot me another comment or you can send me an email via the contact form on the site (click the contact button up top in the main navigation).

<div class="port port-file slug.' ';} ?>" data-category="portfolio">
<a class="portfolio-img port-item-link showall slug.' ';} ?>" rel="portfolio" title="" id="ID, 'trigger_id', true); ?>" href="ID, 'port_lg', true); ?>">

[/code]

header [code]

<script type='text/javascript' src='/js/jquery.isotope.min.js'>

jQuery(document).ready(function () {
 
//Set your isotope area
var jQuerycontainer = jQuery('#main'),
filters = {};
 
//Set our items to be filtered, .post will work if you're using the post_class(); function
jQuerycontainer.isotope({
itemSelector : '.post'
});
 
//Set the buttons to filter the content
jQuery('.filters a').click(function(){
var jQuerythis = jQuery(this);
// don't proceed if already selected
if ( jQuerythis.hasClass('selected') ) {
return;
}
 
var jQueryoptionSet = jQuerythis.parents('.option-set');
//change selected class
jQueryoptionSet.find('.selected').removeClass('selected');
jQuerythis.addClass('selected');
 
//store filter value in object
//i.e. filters.color = 'red'
var group = jQueryoptionSet.attr('data-filter-group');
filters[ group ] = jQuerythis.attr('data-filter-value');
 
//convert object into array
var isoFilters = [];
for ( var prop in filters ) {
isoFilters.push( filters[ prop ] )
}
var selector = isoFilters.join('');
jQuerycontainer.isotope({ filter: selector });
 
return false;
});
  var filters = jQuery('#filters');
 
  jQuery(filters).find('a').click(function(){
     jQuery(filters).find('.selected').removeClass('selected');
     jQuery(this).addClass('selected');
  });​
});

[/code]

I think I am missing something in get_the_category … Any help would be appreciated.

If that doesn’t work, post a link to your dev site (if it’s live) and I’ll see if there are any obvious reasons why it wouldn’t be working.

Hope this helps!

i just saw your post, and this is really helpful.. but i can’t still get isotope work on my WP website.
I got the category call, with all children, the filter works, it does filtering, BUT there’s no isotope effects. I mean when i grad the window nothing moving, and when i use the filter nothing moving too.
That makes sense?

i did add link to jquery and isotope.js.. and add the script into the footer too..
any tips?

Thank you