Dropdown subcategories

[johannesstromberg]

I get same text two time when i click show more category? look at the pic, help me
my website is www.kirunafyndtorg.se

I hope it is not too late, but I did exactly what you want. Here's the code for file inc.main.php. Replace everything in that file.

Code: [Select]


<?php
    function drawSubcategory($category) {
        if ( osc_count_subcategories2() > 0 ) {
            osc_category_move_to_children();
            ?>
            <ul>
                <?php while ( osc_has_categories() ) { ?>
                    <li><a class="category cat_<?php echo osc_category_id(); ?>" href="<?php echo osc_search_category_url(); ?>"><?php echo osc_category_name(); ?></a> <span>(<?php echo osc_category_total_items(); ?>)</span><?php drawSubcategory(osc_category()); ?></li>
                <?php } ?>
            </ul>
        <?php
            osc_category_move_to_parent();
        }
    }
    $total_categories   = osc_count_categories();
    $col1_max_cat       = ceil($total_categories/3);
    $col2_max_cat       = ceil(($total_categories-$col1_max_cat)/2);
    $col3_max_cat       = $total_categories-($col1_max_cat $col2_max_cat);
?>
<div class="categories <?php echo 'c' . $total_categories; ?>">
    <?php osc_goto_first_category(); ?>
    <?php
        $i      = 1;
        $x      = 1;
        $col    = 1;
        if(osc_count_categories () > 0) {
            echo '<div class="col c1">';
        }
    ?>
    <?php while ( osc_has_categories() ) { ?>
        <div class="category">
            <h1><strong><a class="category <?php echo osc_category_slug(); ?>" href="<?php echo osc_search_category_url(); ?>"><?php echo osc_category_name(); ?></a>




<span>(<?php echo osc_category_total_items(); ?>)</span></strong></h1>
            <?php if ( osc_count_subcategories() > 0 ) { ?>
                                         <ul>
                                        <?php $tic = 0; while ( osc_has_subcategories() && $tic < 5) { ?>
                                            <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></li>
                                           
                                        <?php $tic  ;} ?>
                                        <?php View::newInstance()->_erase('subcategories') ; ?>
                                    </ul>
                                    <?php } ?>

        <?php if ( osc_count_subcategories() > 0 ) { ?>
                                        <ul class="subcategory">
                                            <?php while ( osc_has_subcategories()  ) { ?>
                                                <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span> </li>
                                           
<?php } ?>
                                        </ul>
                                    <?php } ?>
<a href="javascript:doSomething()" style="float:right;text-decoration:none;padding:5px;"  alt="Collapsed" class="expand" >More>></a>
</div>
        <?php
            if (($col==1 && $i==$col1_max_cat) || ($col==2 && $i==$col2_max_cat) || ($col==3 && $i==$col3_max_cat)) {
                $i = 1;
                $col  ;
                echo '</div>';
                if($x < $total_categories) {
                    echo '<div class="col c'.$col.'">';
                }
            } else {
                $i  ;
            }
            $x  ;
        ?>
    <?php } ?>
</div>
<!--scrip categori cu drop-down-->
<script type="text/javascript">
    $(document).ready(function() {
     
$('.subcategory').toggle();
        $('.expand').live('click',function(){
             this.style.visibility= 'hidden';
$(this).parents('.category').find('.subcategory').slideToggle();
            if ($(this).attr("alt") == "Collapsed") {
                $(this).attr("alt", "Expanded")
           
}
           
        });
    });
</script>
You can find more about it at this link but it is in Romanian http://calinbehtuk.blogspot.ro/2014/02/cum-afisam-doar-5-subcategorii-pe.html
I hope to be helpful

[calinbehtuk]

Code: [Select]

<?php
    function drawSubcategory($category) {
        if ( osc_count_subcategories2() > 0 ) {
            osc_category_move_to_children();
            ?>
            <ul>
                <?php while ( osc_has_categories() ) { ?>
                    <li><a class="category cat_<?php echo osc_category_id(); ?>" href="<?php echo osc_search_category_url(); ?>"><?php echo osc_category_name(); ?></a> <span>(<?php echo osc_category_total_items(); ?>)</span><?php drawSubcategory(osc_category()); ?></li>
                <?php } ?>
            </ul>
        <?php
            osc_category_move_to_parent();
        }
    }
    $total_categories   = osc_count_categories();
    $col1_max_cat       = ceil($total_categories/3);
    $col2_max_cat       = ceil(($total_categories-$col1_max_cat)/2);
    $col3_max_cat       = $total_categories-($col1_max_cat $col2_max_cat);
?>
<div class="categories <?php echo 'c' . $total_categories; ?>">
    <?php osc_goto_first_category(); ?>
    <?php
        $i      = 1;
        $x      = 1;
        $col    = 1;
        if(osc_count_categories () > 0) {
            echo '<div class="col c1">';
        }
    ?>
    <?php while ( osc_has_categories() ) { ?>
        <div class="category">
            <h1><strong><a class="category <?php echo osc_category_slug(); ?>" href="<?php echo osc_search_category_url(); ?>"><?php echo osc_category_name(); ?></a>
   



   <span>(<?php echo osc_category_total_items(); ?>)</span></strong></h1>
            <?php if ( osc_count_subcategories() > 0 ) { ?>
                                         <ul class="hide5">
                                        <?php $tic = 0; while ( osc_has_subcategories() && $tic < 5) { ?>
                                            <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></li>
                                           
                                        <?php $tic  ;} ?>
                                        <?php View::newInstance()->_erase('subcategories') ; ?>
                                    </ul>
                                    <?php } ?>
         
         <?php if ( osc_count_subcategories() > 0 ) { ?>
                                        <ul class="subcategory">
                                            <?php while ( osc_has_subcategories()  ) { ?>
                                                <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span> </li>
                                           
           <?php } ?>
                                        </ul>
                                    <?php } ?>
  <a href="javascript:doSomething()" style="float:right;text-decoration:none;padding:5px;"  alt="Collapsed" class="expand" >More>></a>
  </div>
        <?php
            if (($col==1 && $i==$col1_max_cat) || ($col==2 && $i==$col2_max_cat) || ($col==3 && $i==$col3_max_cat)) {
                $i = 1;
                $col  ;
                echo '</div>';
                if($x < $total_categories) {
                    echo '<div class="col c'.$col.'">';
                }
            } else {
                $i  ;
            }
            $x  ;
        ?>
    <?php } ?>
</div>
<!--scrip categori cu drop-down-->
<script type="text/javascript">
    $(document).ready(function() {
     
  $('.subcategory').toggle();
        $('.expand').live('click',function(){
             this.style.visibility= 'hidden';
   $(this).parents('.category').find('.subcategory').slideToggle();
   $(this).parents('.category').find('.hide5').hide();
   if ($(this).attr("alt") == "Collapsed") {
                $(this).attr("alt", "Expanded")
           
   }
           
        });
    });
</script>

[johannesstromberg]

Diden't work, it did this instead :
look at the website: www.kirunafyndtorg.se

Code: [Select]

<?php
    function drawSubcategory($category) {
        if ( osc_count_subcategories2() > 0 ) {
            osc_category_move_to_children();
            ?>
            <ul>
                <?php while ( osc_has_categories() ) { ?>
                    <li><a class="category cat_<?php echo osc_category_id(); ?>" href="<?php echo osc_search_category_url(); ?>"><?php echo osc_category_name(); ?></a> <span>(<?php echo osc_category_total_items(); ?>)</span><?php drawSubcategory(osc_category()); ?></li>
                <?php } ?>
            </ul>
        <?php
            osc_category_move_to_parent();
        }
    }
    $total_categories   = osc_count_categories();
    $col1_max_cat       = ceil($total_categories/3);
    $col2_max_cat       = ceil(($total_categories-$col1_max_cat)/2);
    $col3_max_cat       = $total_categories-($col1_max_cat $col2_max_cat);
?>
<div class="categories <?php echo 'c' . $total_categories; ?>">
    <?php osc_goto_first_category(); ?>
    <?php
        $i      = 1;
        $x      = 1;
        $col    = 1;
        if(osc_count_categories () > 0) {
            echo '<div class="col c1">';
        }
    ?>
    <?php while ( osc_has_categories() ) { ?>
        <div class="category">
            <h1><strong><a class="category <?php echo osc_category_slug(); ?>" href="<?php echo osc_search_category_url(); ?>"><?php echo osc_category_name(); ?></a>
   



   <span>(<?php echo osc_category_total_items(); ?>)</span></strong></h1>
            <?php if ( osc_count_subcategories() > 0 ) { ?>
                                         <ul class="hide5">
                                        <?php $tic = 0; while ( osc_has_subcategories() && $tic < 5) { ?>
                                            <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></li>
                                           
                                        <?php $tic  ;} ?>
                                        <?php View::newInstance()->_erase('subcategories') ; ?>
                                    </ul>
                                    <?php } ?>
         
         <?php if ( osc_count_subcategories() > 0 ) { ?>
                                        <ul class="subcategory">
                                            <?php while ( osc_has_subcategories()  ) { ?>
                                                <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span> </li>
                                           
           <?php } ?>
                                        </ul>
                                    <?php } ?>
  <a href="javascript:doSomething()" style="float:right;text-decoration:none;padding:5px;"  alt="Collapsed" class="expand" >More>></a>
  </div>
        <?php
            if (($col==1 && $i==$col1_max_cat) || ($col==2 && $i==$col2_max_cat) || ($col==3 && $i==$col3_max_cat)) {
                $i = 1;
                $col  ;
                echo '</div>';
                if($x < $total_categories) {
                    echo '<div class="col c'.$col.'">';
                }
            } else {
                $i  ;
            }
            $x  ;
        ?>
    <?php } ?>
</div>
<!--scrip categori cu drop-down-->
<script type="text/javascript">
    $(document).ready(function() {
     
  $('.subcategory').toggle();
        $('.expand').live('click',function(){
             this.style.visibility= 'hidden';
   $(this).parents('.category').find('.subcategory').slideToggle();
   $(this).parents('.category').find('.hide5').hide();
   if ($(this).attr("alt") == "Collapsed") {
                $(this).attr("alt", "Expanded")
           
   }
           
        });
    });
</script>

[calinbehtuk]

my mistake, here is the cod, try to use this code and make changes to apply to you

Code: [Select]

<!-- Categoriile principale-->

 <?php
                            $total_categories   = osc_count_categories() ;
                            $col1_max_cat       = ceil($total_categories/3);
                            $col2_max_cat       = ceil(($total_categories-$col1_max_cat)/2);
                            $col3_max_cat       = $total_categories-($col1_max_cat $col2_max_cat);
                        ?>
                        <div class="categories <?php echo 'c' . $total_categories ; ?>">
                            <?php osc_goto_first_category() ; ?>
                            <?php
                                $i      = 1;
                                $x      = 1;
                                $col    = 1;
                                if(osc_count_categories () > 0) {
                                    echo '<div class="col c1">';
                                }
                            ?>
                            <?php while ( osc_has_categories() ) { ?>
                                <div class="category">
                                   
<h1><strong><span class="category <?php echo osc_category_slug() ; ?>"></span><a href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a><img style="float:right;"  src="<?php echo osc_current_web_theme_url('images/plus.png') ; ?>" alt="Collapsed" class="expand" id="plus_img<?php echo $cat_id; ?>" />  </strong></h1>
                                   
<?php if ( osc_count_subcategories() > 0 ) { ?>
                                        <div class="subcategoryes_bk">
<ul class="hide_forst5" >
                                        <?php $tic = 0; while ( osc_has_subcategories() && $tic < 5) { ?>
                                            <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></li>
                                           
                                        <?php $tic  ;} ?>
                                        <?php View::newInstance()->_erase('subcategories') ; ?>
                                    </ul>
                                    <?php } ?>


<?php if ( osc_count_subcategories() > 0 ) { ?>
                                        <ul class="subcategory">
                                            <?php while ( osc_has_subcategories() ) { ?>
                                                <li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span> </li>
                                            <?php } ?>
                                        </ul>
                                    </div>
<?php } ?>
                                </div>
                                <?php
                                    if (($col==1 && $i==$col1_max_cat) || ($col==2 && $i==$col2_max_cat) || ($col==3 && $i==$col3_max_cat)) {
                                        $i = 1;
                                        $col  ;
                                        echo '</div>';
                                        if($x < $total_categories) {
                                            echo '<div class="col c'.$col.'">';
                                        }
                                    } else {
                                        $i   ;
                                    }
                                    $x   ;
                                ?>
                            <?php } ?>
                       </div>
 </div>
                       <!--Categoriile principale sfarsit-->


<!--scrip categori cu drop-down-->
<script type="text/javascript">
    $(document).ready(function() {
        $('.subcategory').toggle();
        $('.expand').live('click',function(){
            $(this).parents('.category').find('.subcategory').slideToggle();
            $(this).parents('.category').find('.hide_forst5').toggle();
if ($(this).attr("alt") == "Collapsed") {
                $(this).attr("alt", "Expanded").attr("src", "<?php echo osc_current_web_theme_url('images/minus.png') ; ?>");
            }
            else
            {
                $(this).attr("alt", "Collapsed").attr("src", "<?php echo osc_current_web_theme_url('images/plus.png') ; ?>");
            }
        });
    });
</script>
           

[nikar]

Goodday

After some research just came across this post . Any update for this using  modern theme V5.0.0  ?

Kind Regards
Nik