Support » Fixing WordPress » How to diffentiate categories and sub-categories on a filter dropdown

  • Resolved michaellawrence


    Hi, I have a site with a Custom Post Type for wholesale products. When you enter in a product, you can check categories and subcategories (like Handbag, Jewelry, etc. And below handbag you can check Tote Bag or Beach Bag).

    I have this code that allows the user to filter through the list.

    // check if we got posts to display:
    if (have_posts()) :
    $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; 
    $args = array("post_type" => "wholesale",
          "orderby" => "date",
    	  "posts_per_page" => "20",
          "paged" => $paged
    global $sortby;
    $sortby = $_GET['sortby'];
    if ($sortby == "title") {
        $args["orderby"] = "title";
    global $genre_filter;
    $genre_filter = $_GET['genre'];
    if ($genre_filter) {
        $args['tax_query'] = array(array("taxonomy" => "wholesale_cats", "terms" => $genre_filter, "field" => "slug", "hierarchical" => "1" ));
    <div class="wholesale-filter">
    	<?php global $genre_filter, $sortby; ?>
    	<a class="genre_all" href="?sortby=<?php echo $sortby; ?>">ALL</a> <a class="sort_title" href="?sortby=title&genre=<?php echo $genre_filter; ?>">A-Z</a>
    	<script language="JavaScript" type="text/JavaScript">
    	function MM_jumpMenu(targ,selObj,restore){ //v3.0
    	  if (restore) selObj.selectedIndex=0;
    	<form name="form1" id="form1" class="wholesale-dropdown">
    	  <select name="menu1" onchange="MM_jumpMenu('parent',this,0)">
    		<option value="Make a selection">--- make a selection ---</option>
    		<option value="?sortby=<?php echo $sortby; ?>">--- All ---</option>
    		     $genres = get_terms("wholesale_cats");
    		     if ($genres) {
    			 foreach ($genres  as $genre) {
    			 //	      print_r($genre);
    				 echo '<option value="?view_mode='.$_GET['view_mode'].'&genre='. $genre->slug .'&sortby='.$sortby.'">' . $genre->name . '</option>';

    This works great, but shows all categories and sub categories all in one drop down. How do I get it so sub categories have an indent in their visual display?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi,

    Did you come right? I have the following code on my side:

    <!-- Filter per sub-category -->
    			<h3>Filter your results</h3>
    				$this_category = get_category(get_query_var('cat'),false);
    				$cat_ID = (int)get_query_var('cat');
    				$results = get_categories('&child_of='.$cat_ID.'&hide_empty');
    			<select name="sub-filter" ONCHANGE="location = this.options[this.selectedIndex].value;">
    				foreach ($results as $res){
    					echo '<option value= "';
    					echo network_site_url() . '/category/' . $mylink->slug . '/' . $res->slug ;
    					echo '"'. '>';
    					echo $res->name;
    					echo '</option>';

    What happens there, I have used the default category listing. The top category takes you to the parents taxonomy menu (

    From the above link, you get a dropdown list with all the chocolates (black chocolate, etc). However I cannot get the above code to filter some more. How did you work your way around the code?

    Hi, my code was generated by a plugin from Woocommerce, so I didn’t write it myself.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to diffentiate categories and sub-categories on a filter dropdown’ is closed to new replies.