<?php defined('ROOT') or exit('Can\'t Access !'); ?>
<link href="<?php echo $template_shop_path;?>/visual/modules/category/products-list-loop/css/style-2.css" rel="stylesheet">

    <a class="swiper-products-list-loop-prev" ><span class="glyphicon glyphicon-menu-left "></span></a>
    <a class="swiper-products-list-loop-next" ><span class="glyphicon glyphicon-menu-right"></span></a>

    <ul class="swiper-products-list-loop-title">
        <div class="swiper-wrapper">
            <?php if(is_array(plugins::categoryinfo(11,20,0)))
foreach(plugins::categoryinfo(11,20,0) as $cat) { ?>
                <?php if(is_array(categories_new_nav($cat['catid'],20,0)))
foreach(categories_new_nav($cat['catid'],20,0) as $c1) { ?>
                <div class="swiper-slide">
                    <li>
                        <a title="<?php echo $c1['catname'];?>" href="javascript:void(0)" cmseasy-id="<?php echo $c1['catid'];?>"   class="cmseasyedit ">
                            <?php echo $c1['catname'];?>
                        </a>
                    </li>
                </div>
                <?php } ?>
            <?php } ?>
        </div>
    </ul>




<style type="text/css">


    .products-list-loop-title .swiper-products-list-loop-title a {
        font-size:16px;
        color:#333333;
        border-color:rgba(255, 255, 255, 0);
        border-radius: 0px;
        background:rgba(255, 255, 255, 0);
    }

    .products-list-loop-title .swiper-slide-thumb-active li a,
    .products-list-loop-title .swiper-products-list-loop-title a:hover {
        color:#ff680d;
        border-color:rgba(255, 255, 255, 0);
        border-radius: $_link-border-hover-radius;
        background:rgba(255, 255, 255, 0);
    }


    .products-list-loop-title a.swiper-products-list-loop-prev,
     .products-list-loop-title a.swiper-products-list-loop-next {
         font-size:14px;
         color:#999999;
         border-color:#cccccc;
         border-radius: 5px;
         background:rgba(255, 255, 255, 0);
     }

    .products-list-loop-title a.swiper-products-list-loop-prev:hover,
    .products-list-loop-title a.swiper-products-list-loop-next:hover
    {
        color:#ffffff;
        border-color:#cccccc;
        border-radius: 5px;
        background:#ff680d;
    }

</style>
<script type="text/javascript" src="<?php echo $template_shop_path;?>/visual/modules/category/products-list-loop/js/products-list-loop-2.js"></script>