<?php
/*
* The Loop for portfolio overview pages. Works in conjunction with the file template-portfolio.php and taxonomy-portfolio_entries.php
*/
global $avia_config;
$avia_config['avia_is_overview'] = true;
if(isset($avia_config['new_query'])) { query_posts($avia_config['new_query']); }
$loop_counter = 1;
// check if we got a page to display:
if (have_posts()) :
$extraClass = 'first';
$style = 'portfolio-entry-no-description';
$grid = 'one_fourth';
$image_size = 'portfolio';
switch($avia_config['portfolio_columns'])
{
case "1": $grid = 'fullwidth'; $image_size = 'fullsize'; break;
case "2": $grid = 'one_half'; break;
case "3": $grid = 'one_third'; break;
case "4": $grid = 'one_fourth'; break;
}
$avia_config['portfolio_columns_iteration'] = $avia_config['portfolio_columns'][0];
if(!isset($avia_config['remove_portfolio_text'])) $style = 'portfolio-entry-description';
$includeArray = "";
if(isset($avia_config['new_query']['tax_query'][0]['terms'])) $includeArray = $avia_config['new_query']['tax_query'][0]['terms'];
$args = array(
'taxonomy' => 'portfolio_entries',
'hide_empty'=> 0,
'include' => $includeArray
);
$categories = get_categories($args);
$container_id = "";
if(!isset($avia_config['portfolio_sorting']) || $avia_config['portfolio_sorting'] == 'yes')
{
if(!empty($categories[0]))
{
$output = "<div id='js_sort_items' >";
$hide = "hidden";
if (isset($categories[1])){ $hide = ""; }
$output .= "<div class='sort_by_cat $hide '>";
$output .= "".__('All','avia_framework')."";
foreach($categories as $category)
{
$output .= "<span class='text-sep ".$category->category_nicename."_sort_sep'>/</span>category_nicename."_sort' class='".$category->category_nicename."_sort_button' >".$category->cat_name."";
$container_id .= $category->term_id;
}
$output .= "</div>";
$output .= "</div>";
echo $output;
}
}
//portfolio container
echo "<div class='ajax-portfolio-response-wrapper'>";
echo "<div class='ajax-control'><span>x</span><span>+</span><span>-</span></div>";
echo "<div class='ajax-portfolio-response'></div>";
echo "</div>";
echo "<div class='portfolio-sort-container ".$avia_config['portfolio_hover']."'>";
//iterate over the posts
while (have_posts()) : the_post();
//get the categories for each post and create a string that serves as classes so the javascript can sort by those classes
$sort_classes = "";
$item_categories = get_the_terms( $id, 'portfolio_entries' );
if(is_object($item_categories) || is_array($item_categories))
{
foreach ($item_categories as $cat)
{
$sort_classes .= $cat->slug.'_sort ';
}
}
if(!empty($avia_config['portfolio_ajax'])) $sort_classes .= " ajax_portfolio";
?>
<div data-ajax-id='<?php echo get_the_ID();?>' class='post-entry post-entry-<?php echo get_the_ID();?> flex_column all_sort no_margin <?php echo $sort_classes.' '.$grid.' '.$extraClass.' '.$style; ?>'>
<div class='inner-entry'>
<?php
echo "<h1 class='post-title portfolio-title'>";
echo "<span class='primary-background title-span'></span>";
echo "".get_the_title()."";
echo "</h1>";
$forceSmall = true;
$slider = new avia_slideshow(get_the_ID());
$slider -> setImageSize($image_size);
if(!empty($avia_config['portfolio_ajax'])) $slider -> set_links(get_permalink());
echo $slider->display($forceSmall);
?>
</div>
<!-- end post-entry-->
</div>
<?php
$loop_counter++;
$extraClass = "";
if($loop_counter > $avia_config['portfolio_columns_iteration'])
{
$loop_counter = 1;
$extraClass = 'first';
}
endwhile;
echo "</div>"; // end portfolio-sort-container
if(!isset($avia_config['remove_pagination'] ))
{
echo "<div class='hr hr_invisible'></div>";
echo avia_pagination();
}
echo "<!-- end -->"; //dont remove
else:
?>
<div class="entry">
<h1 class='post-title'><?php _e('Nothing Found', 'avia_framework'); ?></h1>
<p><?php _e('Sorry, no posts matched your criteria', 'avia_framework'); ?></p>
</div>
<?php
endif;
unset($avia_config['avia_is_overview']);
?>
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
