<?php defined('ROOT') or exit('Can\'t Access !'); ?>
<link href="<?php echo $template_shop_path;?>/visual/modules/common/sub-menu/css/style-1.css" rel="stylesheet">
<div class="col-md-12">
    <div class="sub-menu-nav sub-menu-nav-1">
        <label class="sub-menu-btn">
            <p class="cmseasyedit"   >
                <?php echo lang('all_classifications');?>
            </p>
            <button type="button">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
        </label>
        <div class="loop-products-shop-nav" style="display:none;">
            <div class="container">
                <div class="loop-products-nav-left">
                    <ul>
                        <?php if(is_array(typies()))
foreach(typies() as $i => $t) { ?>
                        <li data-id="<?php echo $i+1;?>">
                                <span>
                                    <a href="<?php echo $t['url'];?>" title="<?php echo $t['typename'];?>">
                                        <?php echo $t['typename'];?>
                                    </a>
                                </span>
                        </li>
                        <?php } ?>
                    </ul>
                </div>
                <div class="loop-products-nav-right">
                    <?php if(is_array(typies()))
foreach(typies() as $k => $t) { ?>
                    <div class="loop-products-nav-right-sub hide" data-id="<?php echo $k+1;?>">
                        <?php if(is_array($t['children']))
foreach($t['children'] as $t1) { ?>
                        <dl>
                            <dt>
                                <a href="<?php echo $t1['url'];?>" title="<?php echo $t1['typename'];?>">
                                    <?php echo $t1['typename'];?>
                                    <i> &gt;</i>
                                </a>
                            </dt>
                            <dd>
                                <?php if(is_array($t1['children']))
foreach($t1['children'] as $t2) { ?>
                                <a href="<?php echo $t2['url'];?>" title="<?php echo $t2['typename'];?>">
                                    <?php echo $t2['typename'];?>
                                </a>
                                <?php } ?>
                            </dd>
                        </dl>
                        <?php } ?>
                    </div>
                    <?php } ?>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="<?php echo $template_shop_path;?>/visual/modules/common/sub-menu/js/sub-menu.js" type="text/javascript"></script>

<style type="text/css">
    .sub-menu-nav-1 .loop-products-nav-left {
        height:;
        background:#ff0036;
    }
    .sub-menu-nav-1 .loop-products-nav-left ul li span:hover ,
    .sub-menu-nav-1 .loop-products-nav-right-sub
    {
        background:#ffffff;
    }

    .sub-menu-nav-1 .loop-products-nav-left a {
        font-size:16px;
        color:#ffffff;
    }
    .sub-menu-nav-1 .loop-products-nav-left li:hover a {
        color:#333333;
    }
    .sub-menu-nav-1 .loop-products-nav-right a {
        font-size:14px;
        color:#333333;
    }
    .sub-menu-nav-1 .loop-products-nav-right a:hover {
        color:#000000;
    }

    .sub-menu-nav-1 .loop-products-nav-right dl dd a {
        font-size:14px;
        color:#333333;
        border-left-color:#eeeeee;
    }
    .sub-menu-nav-1 .loop-products-nav-right dl dd a:hover {
        color:#ff0036;
        border-left-color:#cccccc;
    }

    .sub-menu-nav-1 .loop-products-nav-right-sub dd {
        border-bottom-color: #999999;
    }

    @media screen and (min-width: 0) and (max-width: 767px){
        .sub-menu-nav-1 .loop-products-nav-right-sub {border-color:#ff0036;}
    }
</style>
