<?php defined('ROOT') or exit('Can\'t Access !'); ?>
<link href="<?php echo $template_path;?>/visual/modules/common/scroll-content-list/css/style-3.css" rel="stylesheet">
<div class="col-md-12">
    <div class="swiper-container scroll-content-list-container scroll-content-list-container-3">
        <div class="swiper-wrapper">
            <?php if(is_array(archive(11,0,0,'0,0,0',20,'adddate-desc',6,true,'',1,'','',60,0)))
foreach(archive(11,0,0,'0,0,0',20,'adddate-desc',6,true,'',1,'','',60,0) as $archive) { ?>
            <div class="swiper-slide scroll-content-list-item">
                <div class="scroll-content-list-img">

                    <a title="<?php echo $archive['stitle'];?>" href="<?php echo $archive['url'];?>">
                        <img alt="<?php echo $archive['stitle'];?>" src="<?php echo $archive['thumb'];?>" cmseasy-id="<?php echo $archive['aid'];?>" cmseasy-table="archive" cmseasy-field="thumb" class="cmseasyeditimg lazy" />
                    </a>

                </div>
                <div class="scroll-content-list-text">

                    <h4>
                        <a title="<?php echo $archive['stitle'];?>" href="<?php echo $archive['url'];?>" cmseasy-id="<?php echo $archive['aid'];?>" cmseasy-table="archive" cmseasy-field="title" class="cmseasyedit ">
                            <?php echo $archive['title'];?>
                        </a>
                    </h4>

                    <p cmseasy-id="<?php echo $archive['aid'];?>" cmseasy-table="archive" cmseasy-field="subtitle" class="cmseasyedit ">
                        <?php echo $archive['subtitle'];?>
                    </p>

                    <div class="clearfix products-buy">
                            <span class="pull-left">
                                <?php echo lang('unit');?> <?php echo $archive['oldprice'];?>
                            </span>
                        <span class="pull-right">
                                <a class="add-to-cart" onclick="buyshop('<?php echo url('archive/doorders/aid/',true);?>','<?php echo url('archive/getarchiveType',false);?>','<?php echo $archive['aid'];?>')">
                                    <i class="btnCart icon-basket"></i>
                                </a>
                                <?php echo getcollect($archive['aid']);?>
                            </span>
                        <div class="clearfix"></div>
                    </div>

                </div>
            </div>
            <?php } ?>
        </div>
        <div class="swiper-pagination scroll-content-list-container-pagination"></div>
    </div>
</div>

<script type="text/javascript">
    var mySwiper = new Swiper ('.scroll-content-list-container', {
        loop: true,
        slidesPerView : 3,
        slidesPerGroup : 3,
        spaceBetween : 10,
        grabCursor: true,
        autoHeight: true,
        navigation: {nextEl: '.scroll-content-list-container-button-next',prevEl: '.scroll-content-list-container-button-prev',},
        pagination: {el: '.scroll-content-list-container-pagination',clickacla: true,},
    });
</script>
<style type="text/css">
    .scroll-content-list-container-3 .scroll-content-list-item .scroll-content-list-text h4 a {
        font-size:16px;
        color:#333333;
    }
    .scroll-content-list-container-3 .scroll-content-list-item .scroll-content-list-text h4 a:hover {
        color:#000000;
    }
    .scroll-content-list-container-3 .scroll-content-list-item .scroll-content-list-text p {
        font-size:14px;
        color:#999999;
    }
    .scroll-content-list-container-3 .scroll-content-list-item .scroll-content-list-text p:hover {
        color:#999999;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .more {
        font-size:14px;
        color:#cccccc;
        border-color:#eeeeee;
        border-radius: 50%;
        background-color:#eeeeee ;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .more:hover,.scroll-content-list-container .scroll-content-list-item:hover .scroll-content-list-text .more  {
        color:#ffffff;
        border-color:#ff7024;
        background-color:#ff7024;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .products-buy .pull-left {
        font-size:18px;
        color:#ff7024;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .products-buy .pull-left:hover {
        color:#ff7024;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .products-buy .pull-right a i {
        font-size:14px;
        color:#cccccc;
        border-color:#eeeeee;
        border-radius: 50%;
        background:#eeeeee;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .products-buy .pull-right .content-collection i {
        font-size:14px;
        color:#cccccc;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .products-buy .pull-right a.add-to-cart:hover i {
        color:#ffffff;
        border-color:#ff7024;
        border-radius: 50%;
        background:#ff7024;
    }
    .scroll-content-list-container-3 .scroll-content-list-text .products-buy .pull-right .content-collection:hover i,
    .scroll-content-list-container-3 .scroll-content-list-text .products-buy .pull-right .content-collection i.glyphicon-heart {
        color:#ff7024;
    }
</style>