<link href="{$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">
            {loop plugins::categoryinfo($_catid,$_titlenum,$_textnum) $cat}
                {loop categories_new_nav($cat['catid'],$_titlenum,$_textnum) $c1}
                <div class="swiper-slide">
                    <li>
                        <a title="{$c1['catname']}" href="javascript:void(0)" cmseasy-id="{$c1['catid']}" cmseasy-table="category" cmseasy-field="catname" class="cmseasyedit ">
                            {$c1['catname']}
                        </a>
                    </li>
                </div>
                {/loop}
            {/loop}
        </div>
    </ul>




<style type="text/css">


    .products-list-loop-title .swiper-products-list-loop-title a {
        font-size:$_link-font-size;
        color:$_link-color;
        border-color:$_link-border-color;
        border-radius: $_link-border-radius;
        background:$_link-background-color;
    }

    .products-list-loop-title .swiper-slide-thumb-active li a,
    .products-list-loop-title .swiper-products-list-loop-title a:hover {
        color:$_link-hover-color;
        border-color:$_link-border-hover-color;
        border-radius: $_link-border-hover-radius;
        background:$_link-background-hover-color;
    }


    .products-list-loop-title a.swiper-products-list-loop-prev,
     .products-list-loop-title a.swiper-products-list-loop-next {
         font-size:$_btn-size;
         color:$_btn-text-color;
         border-color:$_btn-border-color;
         border-radius: $_btn-border-radius;
         background:$_btn-background-color;
     }

    .products-list-loop-title a.swiper-products-list-loop-prev:hover,
    .products-list-loop-title a.swiper-products-list-loop-next:hover
    {
        color:$_btn-text-hover-color;
        border-color:$_btn-border-hover-color;
        border-radius: $_btn-border-hover-radius;
        background:$_btn-background-hover-color;
    }

</style>
<script type="text/javascript" src="{$template_shop_path}/visual/modules/category/products-list-loop/js/products-list-loop-2.js"></script>