new_que/appfront/theme/terry/theme01/cms/home/index.php

<?php
/**
 * FecShop file.
 *
 * @link http://www.fecshop.com/
 * @copyright Copyright (c) 2016 FecShop Software LLC
 * @license http://www.fecshop.com/license/
 */
?>
<div class="main container">
    <div id="fecshop-home-big-img">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <div id="owl-fecshop" class="owl-carousel">
                        <div class="item">
                            <a href="#"><img class="lazyOwl" data-src="<?= Yii::$service->image->getImgUrl('images/01.jpg','appfront'); ?>" alt="" /></a>
                        </div>
                        <div class="item">
                            <a href="#"><img class="lazyOwl" data-src="<?= Yii::$service->image->getImgUrl('images/02.jpg','appfront'); ?>" alt="" /></a>
                        </div><div class="item">
                            <a href="#"><img class="lazyOwl" data-src="<?= Yii::$service->image->getImgUrl('images/03.jpg','appfront'); ?>" alt="" /></a>
                        </div><div class="item">
                            <a href="#"><img class="lazyOwl" data-src="<?= Yii::$service->image->getImgUrl('images/04.jpg','appfront'); ?>" alt="" /></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!--=============================================
    =            banner three column         =
    =============================================-->

    <div class="banner-three-column mb-50">
        <div class="container">
            <div style="clear: both; height: 0; *zoom: 0;"></div>
            <div class="idx-prod4">
                <h3 class="index_middle_title">SPECIAL OCCASION DRESSES</h3>
                <div class="idex-list">
                    <div class="idex-list-left">
                        <div class="idx-list1">
                            <a href=""><img src="<?= Yii::$service->image->getImgUrl('images/prom-2.jpg','appfront')  ?>"></a>
                        </div>
                        <div class="idx-list2">
                            <a href=""><img src="<?= Yii::$service->image->getImgUrl('images/prom-3.jpg','appfront')  ?>"></a>
                        </div>
                    </div>
                    <div class="idex-list-right">
                        <div class="idx-list3">
                            <a href=""><img src="<?= Yii::$service->image->getImgUrl('images/prom-1.jpg','appfront')  ?>"></a>
                        </div>
                        <div class="idx-list4">
                            <a href="">View Prom Collection<i></i></a><b></b>
                        </div>
                    </div>
                </div>
            </div>
            <div style="clear: both; height: 0; *zoom: 0;"></div>
            <div class="idx-prod">
                <div class="index-list">
                    <a href=""><img src="<?= Yii::$service->image->getImgUrl('images/wedding.jpg','appfront')  ?>"></a>
                </div>
            </div>
            <div class="b_imgList mb15">
                <ul class="ul_b_imgList_wrap clearfix">
                    <h2 class="index_middle_title">Wedding Party COLLECTION</h2>
                    <li class="trends_1">
                        <a href=""><img src="<?= Yii::$service->image->getImgUrl('images/flower.jpg','appfront')  ?>" border="0"><p>Flower Girl Dresses</p></a>
                    </li>
                    <li class="trends_2">
                        <a href=""><img src="<?= Yii::$service->image->getImgUrl('images/bridesmaid.jpg','appfront')  ?>" border="0"><p>Bridesmaid Dresses</p></a>

                    </li>
                    <li class="trends_3">
                        <a href=""><img src="<?= Yii::$service->image->getImgUrl('images/mother.jpg','appfront')  ?>" border="0"><p>Mother Of The Bride Dresses</p></a>
                    </li>
                </ul>
            </div>


        </div>



    </div>
    <!--=====  End of banner three column  ======-->
    <!--=============================================
    =            tab slider section         =
    =============================================-->



	<div class="mt10">
		<div class="container">
            <h2 class="index_middle_title"><?= Yii::$service->page->translate->__('best seller'); ?></h2>
        </div>
        <div class="pro-content">
			<?php
				$parentThis['products'] = $bestSellerProducts;
				$parentThis['name'] = 'best-seller';
				$config = [
					'view'  		=> 'cms/home/index/product.php',
				];
				echo Yii::$service->page->widget->renderContent('category_product_price',$config,$parentThis);
			?>
		</div>
	</div>
	<div class="clear"></div>
</div>

<script>
<?php $this->beginBlock('owl_fecshop_slider') ?>  
$(document).ready(function(){
	$("#owl-fecshop").owlCarousel({
		navigation : true,
		slideSpeed : 300,
		paginationSpeed : 400,
		singleItem : true,
		autoPlay:3000,
		lazyLoad:true
      // "singleItem:true" is a shortcut for:
      // items : 1, 
      // itemsDesktop : false,
      // itemsDesktopSmall : false,
      // itemsTablet: false,
      // itemsMobile : false
	});
	
	$("#owl-best-seller").owlCarousel({
		items : 4,
		lazyLoad : true,
		navigation : true,
		scrollPerPage : true,
		pagination:false,
		itemsCustom : false,
        slideSpeed : 900
	});
	$("#owl-featured").owlCarousel({
		items : 4,
		lazyLoad : true,
		navigation : true,
		scrollPerPage : true,
		pagination:false,
		itemsCustom : false,
        slideSpeed : 900
	});
});
<?php $this->endBlock(); ?>  
</script>  
<?php $this->registerJs($this->blocks['owl_fecshop_slider'],\yii\web\View::POS_END);//将编写的js代码注册到页面底部 ?>