Devil Killer Is Here MiNi Shell
MiNi SheLL

Current Path : /hermes/bosnacweb04/bosnacweb04ac/b1072/ipg.liuyuan7592410/wb_ecom/
Linux boscustweb5001.eigbox.net 5.4.91 #1 SMP Wed Jan 20 18:10:28 EST 2021 x86_64
Current File : /hermes/bosnacweb04/bosnacweb04ac/b1072/ipg.liuyuan7592410/wb_ecom/index.php
<?php
require('top.php');
?>
<script src="js/vendor/jquery-3.2.1.min.js"></script>
<div class="body__overlay"></div>

<!-- Start Slider Area -->
<div class="slider__container slider--one bg__cat--3">
	<div class="slide__container slider__activation__wrap owl-carousel">
		<!-- Start Single Slide -->
		<?PHP
			$slides = get_slide_ad($con); 
			foreach($slides as $slide){
		?>
		<div class="single__slide animation__style01 slider__fixed--height">
			<div class="container">
				<div class="row align-items__center">
					<div class="col-md-7 col-sm-7 col-xs-12 col-lg-6">
						<div class="slide">
							<div class="slider__inner">
								<txt1><?PHP echo getValueByLang($slide,'txt1');?></txt1>
								<txt2><?PHP echo getValueByLang($slide,'txt2');?></txt2>
								<?PHP 
									if(($slide['pid']!="")&&($slide['pid']!=0)){
								?>
								<div class="cr__btn">
									<a href="product.php?id=<?PHP echo $slide['pid'];?>">Shop Now</a>
								</div>
								<?PHP 
									}
								?>
							</div>
						</div>
					</div>
					<div class="col-lg-6 col-sm-5 col-xs-12 col-md-5">
						<div class="slide__thumb">
						<?PHP
							if($slide['video']!=""){
						?>
							<video controls autoplay poster="<?PHP echo  FRONT_SLIDER_IMG_SITE_PATH.$slide['image'];?>" muted>
								<source src="<?PHP echo  FRONT_SLIDER_VIDEO_SITE_PATH.$slide['video'];?>" type="video/mp4">
							</video>
						<?PHP
							}else{
						?>
							<img src="<?PHP echo FRONT_SLIDER_IMG_SITE_PATH.$slide["image"];?>" alt="slider images">
						<?PHP
							}
						?>
						</div>
					</div>
				</div>
			</div>
		</div>	
		<?PHP			
			}
		?>
		<!-- End Single Slide -->
	</div>
</div>
<!-- Start Slider Area -->
<!-- Start Category Area -->
<section class="htc__category__area ptb--100">
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div class="section__title--2 text-center">
					<h2 class="title__line">New Arrivals</h2>
				</div>
			</div>
		</div>
		<div class="htc__product__container">
			<div class="row">
				<div class="product__list clearfix mt--30">
				<?PHP
					$get_product = get_product($con,100);
					$i = 1;
					foreach($get_product as $list){

				?>
					<!-- Start Single Category -->
					<div class="col-md-4 col-lg-3 col-sm-4 col-xs-12 p_list_lg" id="product_<?PHP echo $i;?>">
						<div class="category">
							<div class="ht__cat__thumb">
								<a href="product.php?id=<?PHP echo $list['id'];?>">
								<img src="<?PHP echo PRODUCT_IMAGE_SITE_PATH.$list['image'];?>" alt="product images">
									<?PHP
										if($list['video']!=""){
									?>
										<video class="p_v" controls poster="<?PHP echo  PRODUCT_IMAGE_SITE_PATH.$list['image'];?>" muted hidden>
											<source src="<?PHP echo  PRODUCT_VIDEO_SITE_PATH.$list['video'];?>" type="video/mp4">
										</video>
									<?PHP
										}
									?>
								</a>
							</div>
							<div class="fr__hover__info">
								<ul class="product__action">
									<li><a href="javascript:void(0)" onclick="wishlist_manage('<?PHP echo $list['id'];?>','add');"><i class="icon-heart icons"></i></a></li>
									<li><a href="javascript:void(0)" onclick="manage_cart('<?PHP echo $list['id'];?>','add');"><i class="icon-handbag icons"></i></a></li>
								</ul>
							</div>
							<div class="fr__product__inner">
								<h4><a href="product.php?id=<?PHP echo $list['id'];?>"><?PHP echo getValueByLang($list,'name');?></a></h4>
								<ul class="fr__pro__prize">
									<li class="old__prize"><?PHP echo ($list['mrp']>$list['price'])?cvrtToDollar($list['mrp']):"";?></li>
									<li><?PHP echo cvrtToDollar($list['price']);?></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- End Single Category -->
				<?PHP
						$i++;
					}
				?>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- End Category Area -->
<!-- Start Product Area -->
<section class="ftr__product__area ptb--100">
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div class="section__title--2 text-center">
					<h2 class="title__line">Best Seller</h2>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="product__wrap clearfix">
				<?PHP
					$get_product = get_product($con,4,"","","","","yes");
					foreach($get_product as $list){

				?>
					<!-- Start Single Category -->
					<div class="col-md-4 col-lg-3 col-sm-4 col-xs-12 p_list_lg">
						<div class="category">
							<div class="ht__cat__thumb">
								<a href="product.php?id=<?PHP echo $list['id'];?>">
									<img src="<?PHP echo PRODUCT_IMAGE_SITE_PATH.$list['image'];?>" alt="product images">
								</a>
							</div>
							<div class="fr__hover__info">
								<ul class="product__action">
									<li><a href="javascript:void(0)" onclick="wishlist_manage('<?PHP echo $list['id'];?>','add');"><i class="icon-heart icons"></i></a></li>
									<li><a href="javascript:void(0)" onclick="manage_cart('<?PHP echo $list['id'];?>','add');"><i class="icon-handbag icons"></i></a></li>
								</ul>
							</div>
							<div class="fr__product__inner">
								<h4><a href="product.php"><?PHP echo $list['name'];?></a></h4>
								<ul class="fr__pro__prize">
									<li class="old__prize"><?PHP echo ($list['mrp']>$list['price'])?cvrtToDollar($list['mrp']):"";?></li>
									<li><?PHP echo cvrtToDollar($list['price']);?></li>
								</ul>
							</div>
						</div>
					</div>
					<!-- End Single Category -->
				<?PHP
					}
				?>
			</div>
		</div>
	</div>
</section>
<!-- End Product Area -->
<script type="text/javascript">
$(function(){
	$("a video.p_v").attr("playing",false)
	$(".p_v").closest("a").on("mouseover",function(){
		let o_img = $(this).find("img");
		let o_video = $(this).find("video");
		o_img.hide();
		o_video.show();
		if(o_video.attr("playing")=="false"){
			if(($("a video.p_v[playing=true]").length)>0){
				$("a video.p_v[playing=true]").each(function(){
					$(this).get(0).pause();
					$(this).get(0).currentTime = 0;
					$(this).attr("playing",false);
					$(this).hide();
					$(this).siblings("img").show();	
				});
			}
			o_video.get(0).play();
		};
	});
	$("video.p_v").on("play",function(){
		$(this).attr("playing",true);
	}).on("ended",function(){
		$(this).attr("playing",false);
		$(this).get(0).autoplay=false;
		$(this).get(0).load();
		$(this).hide();
		$(this).siblings("img").show();
	}).on("mouseover",function(){

	}).on("mouseout",function(){
		
	});

	var clientData = getViewport(); // 获取可视区的大小	
	if(clientData.width<768){
		var a = 1;// 设置一个初始值，
		var DOMobj = ''; // 用了保存getElementById获取到的元素数据	
		var viewportHeight = clientData.height;

		getDMOlocation();
		$(window).on("scroll",function(e){
			winScroll(e);
		});		
	}

	function getDMOlocation() { // 获取元素的相关数据
		DOMobj = document.getElementById(`product_${a}`);
		$(".activeDiv").removeClass("activeDiv");
		$(`#product_${a}`).addClass("activeDiv");
		$(`#product_${a} *`).addClass("activeDiv");
		cliHeight = (clientData.height-DOMobj.offsetHeight)/2;
	}

	function winScroll(e) {
		let arr = this.getElementViewTop(DOMobj);  //arr代表viewport顶部到DOM顶部距离，如果为负，表明DOM顶部落在viewport之上
		let obj_video = $(`#product_${a}`).find("video");

		if (arr<=cliHeight && -arr<=DOMobj.offsetHeight/2) {
			//DOM播放video的位置在：DOM中线在viewport中线至viewport顶部位置。
			if(obj_video.length>0){
				obj_video.siblings("img").hide();
				obj_video.show().get(0).play();
			}
		}else{
			if(obj_video.length>0){
				obj_video.hide().get(0).pause();
				obj_video.siblings("img").show();
			}
			if (-arr>DOMobj.offsetHeight/2) {
				a+=1;
			}else if (-arr<0) {
				if (a === 1) {
					return;
				}else{
					a-=1;
				}
			}
			getDMOlocation();
		}		
	}
});
</script>
<?php
require('footer.php');
?>
Creat By MiNi SheLL
Email: devilkiller@gmail.com