<div id="productBox"<?# productStyle ?>>
	<h3 class="tit"><?# indexPTitle ?></h3>
	<div class="bd">
		<ul>
			<php:repeater id="listP">
			<template>
			<li>
				<div class="productPhoto"><a class="photo" href="<?# link ?>" title="<?# ProductName ?>" style="background-image:url(<?# IconImage ?>);"><img src="/images/12/index/img-newPhoto.png" alt="<?# Name ?>" /></a></div>
				<div class="info">
					<h4><a href="<?# link ?>" title="<?# NProductNameame ?>"><?# ProductName ?></a></h4>
					<article><?# Introduction ?></article>
					<p class="price"<?# sellStyle ?>><span class="old"<?# oldPriceStyle ?>><b><?# OldPrice ?></b>元</span><span<?# priceStyle ?>>特價<b><?# Price ?></b>元</span></p>
					<a class="more" href="<?# link ?>" title="→ read more">→ read more</a>
				</div>
			</li>
			</template>
			</php:repeater> 
		</ul>
	</div>
	<p class="more"><a href="<?# indexPMLink ?>" title="<?# indexPMLinkTitle ?>"><?# indexPMLinkTitle ?></a></p>
</div>
<script>
	$(function(){
		$('#productBox .bd ul').slick({
			slidesToShow: 6,
			slidesToScroll: 3,
			autoplay: true,
			autoplaySpeed: 3000,
			dots: false,
			arrows:true,
			responsive: [{
				breakpoint: 1440,
				settings: { slidesToShow: 4,slidesToScroll: 2 }
			},{
				breakpoint: 1280,
				settings: { slidesToShow: 3,slidesToScroll: 2 }
			},{
				breakpoint: 640,
				settings: { slidesToShow: 2,slidesToScroll: 1 }
			},{
				breakpoint: 480,
				settings: { slidesToShow: 1,slidesToScroll: 1 }
			}]
		});
	});
</script>