<div id="productBox">
	<div class="workframe">
		<div class="bgTxt"><?# indexPTitle ?></div>
		<div class="list">
			<php:repeater id="listP">
			<template>
			<div class="item" style="background-image:url(<?# IconImage ?>);">
				<img src="/images/33/img-productPhoto.png" alt="<?# ProductName ?>">
				<a href="<?# link ?>" title="<?# ProductName ?>"></a>
				<div class="info">
					<h3 class="text-clamp"><font><?# ProductName ?></font></h3>
					<p class="price"<?# sellStyle ?>><span class="old"<?# oldPriceStyle ?>>原價<b><?# OldPrice ?></b>元</span><span<?# priceStyle ?>>特價<?# Price ?>元</span></p>
				</div>
			</div>
			</template>
			</php:repeater>
		</div>
	</div>
</div>
<script>
	$(function(){
		$('#productBox .list').slick({
			autoplay: true,
			arrows: false,
			infinite: true,
			speed: 300,
			slidesToShow: 3,
			slidesToScroll: 3,
			responsive: [{
				breakpoint: 981,
				settings: { slidesToShow: 2, slidesToScroll: 2 }
			},{
				breakpoint: 601,
				settings: { slidesToShow: 1, slidesToScroll: 1 }
			}]
		});
	});
</script>