<link href="{$template_shop_path}/visual/modules/common/recommend-list/css/style-2.css" rel="stylesheet">

<div class="col-md-12">
    <div class="swiper-container swiper-recommend-list">
        <div class="swiper-wrapper">
            {loop archive($_catid,$_typeid,$_spid,$_area,$_length,$_ordertype,$_limit,$_image,$_attr1,$_son,$_wheretype,$_tpl,$_intro_len,$_istop) $archive}
            <div class="swiper-slide">
                <div class="recommend-list-item recommend-list-item-$_id">
                    <div class="recommend-list-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="recommend-list-text">
                        <h4>
                            <a title="{$archive['stitle']}" href="{$archive['url']}" target="_blank" cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="title" class="cmseasyedit ">
                                {$archive['title']}
                            </a>
                        </h4>
                        {if $archive['subtitle']}
                        <p cmseasy-id="{$archive['aid']}" cmseasy-table="archive" cmseasy-field="subtitle" class="cmseasyedit textarea">
                            {$archive['subtitle']}
                        </p>
                        {/if}
                    </div>
                    <div class="recommend-list-buy">
			            <span class="pull-left">
                <span class=" cmseasyedit" cmseasy-id="hostlist" cmseasy-table="lang" cmseasy-field="template">
                {lang('unit')}
                </span>
                {$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>
                </div>
            </div>
            {/loop}
        </div>
    </div>
</div>


<style type="text/css">

    .recommend-list-item-$_id {
        background: $_background-color;
        border-color:$_border-color;
    }
    .recommend-list-item-$_id:hover {
        background: $_background-hover-color;
        border-color:$_border-hover-color;
    }

    .recommend-list-item-$_id .recommend-list-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;
    }
    .recommend-list-item-$_id .recommend-list-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;
    }

    .recommend-list-item-$_id .recommend-list-text p {
        font-size:$_p-size;
        color:$_p-color;
    }
    .recommend-list-item-$_id .recommend-list-text p:hover {
        color:$_p-hover-color;
    }
    .recommend-list-item-$_id .recommend-list-buy .pull-left {
        font-size:$_price-size;
        color:$_price-color;
    }
    .recommend-list-item-$_id .recommend-list-buy .pull-left:hover {
        color:$_price-hover-color;
    }

    .recommend-list-item-$_id .recommend-list-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;
    }
    .recommend-list-item-$_id .recommend-list-buy .pull-right .content-collection i {
        font-size:$_btn-size;
        color:$_btn-text-color;
    }
    .recommend-list-item-$_id .recommend-list-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;
    }
    .recommend-list-item-$_id .recommend-list-buy .pull-right .content-collection:hover i,
    .recommend-list-item-$_id .recommend-list-buy .pull-right .content-collection i.glyphicon-heart {
        color:$_btn-background-hover-color;
    }
</style>
<script type="text/javascript" src="{$template_shop_path}/visual/modules/common/recommend-list/js/recommend-list.js"></script>
