<div id="productBox" class="indexbox">
	<div class="bg paroller" data-paroller-factor="0.05" data-paroller-type="foreground" data-paroller-direction="vertical"<?# productStyle ?>></div>
	<div class="productinfo">
		<h3 class="boxtit"><?# indexPTitle ?></h3>
		<p class="more"><a href="<?# indexPMLink ?>" title="<?# indexPMLinkTitle ?>"><?# indexPMLinkTitle ?></a></p>
		<ul>
			<php:repeater id="listP">
			<template>
			<li>
				<a href="<?# link ?>" title="<?# ProductName ?>"></a>
				<div class="info">
					<div class="img" style="background-image: url(<?# IconImage ?>);"><img src="/images/36/img-productPhoto.png" alt="<?# ProductName ?>" /></div>
					<div class="price"<?# sellStyle ?>><font<?# priceStyle ?>>特價 <?# Price ?></font><font class="old"<?# oldPriceStyle ?>>原價 <?# OldPrice ?></font></div>
					<h3 class="text-clamp"><?# ProductName ?></h3>
					<article class="text-clamp"><?# Introduction ?></article>
				</div>
			</li>
			</template>
			</php:repeater>
		</ul>
	</div>
</div>
<script>
	$(function(){
		$('#productBox ul').slick({
			autoplay: true,
			arrows: false,
			infinite: true,
			speed: 300,
			slidesToShow: 3,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 1025,
				settings: { slidesToShow: 2 }
			},{
				breakpoint: 641,
				settings: { slidesToShow: 1 }
			}]
		});
	});
</script>