<link href="{$template_shop_path}/visual/modules/category/products-list-loop/css/style-3.css" rel="stylesheet">

<div class="swiper-container products-list-loop-content products-list-loop-content-$_id">
    <div class="swiper-wrapper">
        {loop categories($_catid) $i $t}
        <div class="swiper-slide">
            <div class="products-list-loop-content1">
                <ul>
                    {loop archive($t[catid],'0','0','0,0,0','20','aid','10','ture','0','true','0','0','0','0') $i $archive}
                    {if $i%5==0 && $i>0}
                    <div class="clearfix"></div>
                    {/if}
                    <li>
                        <div class="products-list-loop-img">
                            <a title="{$archive['stitle']}" href="{$archive['url']}" target="_blank">
                                <img alt="{$archive['stitle']}" src="{$archive['thumb']}" cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="thumb" class="cmseasyeditimg lazy" />
                            </a>
                        </div>
                        <div class="products-list-loop-text">
                            <h4>
                                <a title="{$archive['stitle']}" href="{$archive['url']}" cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="title" class="cmseasyedit ">
                                    {$archive['title']}
                                </a>
                            </h4>

                            <p cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="subtitle" class="cmseasyedit ">
                                {$archive['subtitle']}
                            </p>

                            <div class="clearfix products-list-loop-text-buy">
                            <span class="pull-left">
                                {lang('unit')} {$archive['oldprice']}
                            </span>
                                <span class="pull-right">
                                <a class="add-to-cart" onclick="buyshop('{url('archive/doorders/aid/',true)}','{url('archive/getarchiveType',false)}','{$archive['aid']}')">
                                    <i class="btnCart icon-basket"></i>
                                </a>
                                {getcollect($archive['aid'])}
                            </span>
                                <div class="clearfix"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </li>
                    {/loop}
                </ul>
            </div>
        </div>
        {/loop}
    </div>
</div>



<style type="text/css">
    .products-list-loop-content-$_id .products-list-loop-content1 {
        background: $_background-color;
        border-color:$_background-border-color;
    }
    .products-list-loop-content-$_id .products-list-loop-content1:hover {
        background: $_background-hover-color;
        border-color:$_background-border-hover-color;
    }

    .products-list-loop-content-$_id ul li {
        border-left-color: $_list-border-color;
        border-top-color: $_list-border-color;
    }

    .products-list-loop-content-$_id .products-list-loop-text h4 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-content-$_id .products-list-loop-text h4 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-content-$_id .products-list-loop-text p {
        font-size:$_p-size;
        color:$_p-color;
    }
    .products-list-loop-content-$_id .products-list-loop-text p:hover {
        color:$_p-hover-color;
    }
    .products-list-loop-content-$_id .products-list-loop-text-buy .pull-left {
        font-size:$_price-size;
        color:$_price-color;
    }
    .products-list-loop-content-$_id .products-list-loop-text-buy .pull-left:hover {
        color:$_price-hover-color;
    }
    .products-list-loop-content-$_id .products-list-loop-text-buy .pull-right a i {
        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-content-$_id .products-list-loop-text-buy .pull-right .content-collection i {
        font-size:$_btn-size;
        color:$_btn-text-color;
    }
    .products-list-loop-content-$_id .products-list-loop-text-buy .pull-right a.add-to-cart:hover i {
        color:$_btn-text-hover-color;
        border-color:$_btn-border-hover-color;
        border-radius: $_btn-border-hover-radius;
        background:$_btn-background-hover-color;
    }
    .products-list-loop-content-$_id .products-list-loop-text-buy .pull-right .content-collection:hover i,
    .products-list-loop-content-$_id .products-list-loop-text-buy .pull-right .content-collection i.glyphicon-heart {
        color:$_btn-background-hover-color;
    }

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