<div class="product">
	<div class="workframe">
		<div id="productBox"<?# productStyle ?>>
			<h2><?# indexPTitle ?></h2>
			<div class="pro-list">
				<php:repeater id="listP">
				<template>
				<div>
					<p><a class="photo" href="<?# link ?>" title="<?# ProductName ?>" style="background-image:url(<?# IconImage ?>);"><img src="/images/13/p-blank.png" alt="<?# ProductName ?>"></a></p>
					<h3 class="text-clamp"><a href="<?# link ?>" title="<?# ProductName ?>"><?# ProductName ?></a></h3>
					<p class="price"<?# sellStyle ?>><span class="old"<?# oldPriceStyle ?>>原價<b><?# OldPrice ?></b>元</span><span<?# priceStyle ?>>特價<b><?# Price ?></b>元</span></p>
				</div>
				</template>
				</php:repeater>
			</div>
			<p class="readM"><a class="more" href="<?# indexPMLink ?>" title="<?# indexPMLinkTitle ?>"><span><?# indexPMLinkTitle ?></span><i class="fa fa-angle-right"></i></a></p>
		</div>
	</div>
</div>
<script>
	$(function(){
		$('#productBox .pro-list').slick({
			slidesToShow: 4,
			slidesToScroll: 4,
			autoplay: true,
			arrows: false,
			dots: false,
			autoplaySpeed: 4000,
			responsive: [{
				breakpoint: 1440,
				settings: { slidesToShow: 3,slidesToScroll: 3, }
			},{
				breakpoint: 980,
				settings: { slidesToShow: 2,slidesToScroll: 2, }
			},{
				breakpoint: 640,
				settings: { slidesToShow: 1,slidesToScroll: 1, }
			}]
		});
	});
</script>