Reorder & selectively remove "Latest/Random/Popular" Tabs
I am looking to do two things:
1) Reorder the tabs so the "featured" shows up first.
2) Selectively eliminate tabs so as to remove the "random" tab but leave others intact.
I have tried renaming blocks, moving blocks etc. but nothing seems to work (I'm probably not doing it correctly). I am using a child them CP Simply Responsive my code from the tpl-ads-home.php
Thanks in advance for the help!
<?php
/**
* Template Name: Ads Home Template
*
* @package ClassiPress\Templates
* @author AppThemes
* @since ClassiPress 3.3
*/
?>
<div class="content">
<div class="content_botbg">
<div class="content_res">
<?php if ( function_exists( 'tb_slider_ultimate' ) ) { tb_slider_ultimate(); } else { get_template_part( 'featured' ); } ?>
<!-- left block -->
<div class="content_left">
<?php if ( $cp_options->home_layout == 'directory' ) { ?>
<div class="shadowblock_out_cat">
<div class="shadowblock_out">
<div class="shadowblock">
<div class="title"><h1 class="single dotted"><?php _e( 'Ad Categories', CPSR_TD ); ?></h1></div>
<div id="directory" class="directory <?php cp_display_style( 'dir_cols' ); ?>">
<?php echo cp_create_categories_list( 'dir' ); ?>
<div class="clr"></div>
</div><!--/directory-->
</div><!-- /shadowblock -->
</div><!-- /shadowblock_out -->
</div><!-- /shadowblock_out_cat -->
<?php } ?>
<div class="tabcontrol">
<ul class="tabnavig">
<li><a href="#block1"><span class="big"><?php _e( 'Latest', CPSR_TD ); ?></span></a></li>
<li><a href="#block2" id="popular" class="dynamic-content"><span class="big"><?php _e( 'Popular', CPSR_TD ); ?></span></a></li>
<li><a href="#block3" id="random" class="dynamic-content"><span class="big"><?php _e( 'Random', CPSR_TD ); ?></span></a></li>
<li><a href="#block4" id="featured"><span class="big"><?php _e( 'Featured', CPSR_TD )?></span></a></li>
</ul>
<?php
remove_action( 'appthemes_after_endwhile', 'cp_do_pagination' );
$post_type_url = add_query_arg( array( 'paged' => 2 ), get_post_type_archive_link( APP_POST_TYPE ) );
?>
<!-- tab 1 -->
<div id="block1">
<div class="clr"></div>
<?php
// show all ads but make sure the sticky featured ads don't show up first
$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
query_posts( array( 'post_type' => APP_POST_TYPE, 'ignore_sticky_posts' => 1, 'paged' => $paged ) );
$total_pages = max( 1, absint( $wp_query->max_num_pages ) );
?>
<?php get_template_part( 'loop', 'ad_listing' ); ?>
<?php
if ( $total_pages > 1 ) {
cp_the_view_more_ads_link( $post_type_url );
}
?>
</div><!-- /block1 -->
<!-- tab 2 -->
<div id="block2">
<div class="clr"></div>
<div class="post-block-out post-block popular-placeholder"><!-- dynamically loaded content --></div>
</div><!-- /block2 -->
<!-- tab 3 -->
<div id="block3">
<div class="clr"></div>
<div class="post-block-out post-block random-placeholder"><!-- dynamically loaded content --></div>
</div><!-- /block3 -->
<!-- tab 4 -->
<div id="block4">
<div class="clr"></div>
<?php // query featured ads
$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1;
query_posts( array( 'post_type' => APP_POST_TYPE, 'post__in' => get_option('sticky_posts'), 'paged' => $paged ) );
$total_pages = max( 1, absint( $wp_query->max_num_pages ) );
?>
<?php get_template_part( 'loop', 'ad_listing' ); ?>
<?php
if ( $total_pages > 1 ) {
$featured_url = add_query_arg( array( 'sort' => 'featured' ), $post_type_url );
?>
<div class="paging"><a href="<?php echo $featured_url; ?>"> <?php _e( 'View More Ads', CPSR_TD ); ?> </a></div>
<?php } ?>
</div><!-- /block4 -->
</div><!-- /tabcontrol -->
</div><!-- /content_left -->
<?php get_sidebar(); ?>
<div class="clr"></div>
</div><!-- /content_res -->
</div><!-- /content_botbg -->
<div id="allCat" style="display:none"><?php _e( 'View All', CPSR_TD ); ?></div>
</div><!-- /content -->
<script type="text/javascript">
/* custom categories toggle script */
jQuery(document).ready(function($) {
jQuery(".shadowblock #directory .catcol ul .maincat").children("a").each(function () {
var $ftogg = jQuery(this).parent(".maincat").children(".subcat-list").html();
try {
if ($ftogg.indexOf("li") > 0) {
jQuery(this).parent(".maincat").children(".subcat-list").html("<li class='allcats'><a href='"+jQuery(this).attr("href")+"'>"+jQuery('#al lCat').html()+"</a></li>" + $ftogg);
jQuery(this).attr("href","#categories");
}
}
catch (err) {}
});
jQuery(".shadowblock #directory .catcol ul .maincat ul").css("display","none");
jQuery(".shadowblock #directory .catcol ul .maincat").each(function () {
var sCode = jQuery(this).html();
var longi = "";
try {
longi = jQuery(this).children(".subcat-list").length;
}
catch (err) {
$ftog = "";
}
if (longi==1) { jQuery(this).html("<div class='expand'></div>" + sCode); }
else { jQuery(this).html("<div class='expand2'></div>" + sCode); }
});
jQuery(".shadowblock #directory .catcol ul .maincat").each(function () {
var longi = "";
try {
longi = jQuery(this).children(".subcat-list").length;
}
catch (err) {
$ftog = "";
}
if (longi==0) { jQuery(this).children("div").css("background-image","none"); }
});
jQuery(".shadowblock #directory .catcol ul .maincat .expand").click(function(){
var sVisible = jQuery(this).parent("li").children("ul").css("disp lay");
if (sVisible == "none") {
jQuery(this).parent("li").children("ul").css("disp lay","");
jQuery(this).css("background-position","0 -10px");
}
else {
jQuery(this).parent("li").children("ul").css("disp lay","none");
jQuery(this).css("background-position","0 0px");
}
});
jQuery(".shadowblock #directory .catcol ul .maincat").children("a").click(function(){
var sVisible = jQuery(this).parent("li").children("ul").css("disp lay");
if (sVisible == "none") {
jQuery(this).parent("li").children("ul").css("disp lay","");
jQuery(this).parent("li").children(".expand").css( "background-position","0 -10px");
}
else {
jQuery(this).parent("li").children("ul").css("disp lay","none");
jQuery(this).parent("li").children(".expand").css( "background-position","0 0px");
}
});
jQuery(".shadowblock .title .toggle").click(function(){
var sVisible = "" + jQuery(".shadowblock #directory").css("display");
if (sVisible == "none") {
jQuery(".shadowblock #directory").css("display","");
jQuery(this).css("background-position","0 -25px");
}
else {
jQuery(".shadowblock #directory").css("display","none");
jQuery(this).css("background-position","0 0");
}
});
});
</script>