<div id="productBox"<?# productStyle ?>>
  	<div class="titleBox"><h2 class="title"><?# indexPTitle ?></h2><a href="<?# indexPMLink ?>" title="<?# indexPMLinkTitle ?>"><?# indexPMLinkTitle ?></a></div>
  	<div class="pro-list">
      	<php:repeater id="listP">
      	<template>
            <div>
                <div class="info">
                    <a class="photo" href="<?# link ?>" title="<?# ProductName ?>" style="background-image:url(<?# IconImage ?>);"><img src="/images/41/img-productPhoto.png" alt="<?# ProductName ?>"></a>
                    <h3><a class="text-clamp" href="<?# link ?>" title="<?# ProductName ?>"><?# ProductName ?></a></h3>
                    <p class="price"<?# priceStyle ?>>NT.<?# Price ?>元<font>NT.<?# OldPrice ?>元</font></p>
                </div>
            </div>
      	</template>
      	</php:repeater>
  	</div>
</div>
<script>
	$(function(){
		$('#productBox .pro-list').slick({
			arrows: false,
			dots: false,
			autoplay: true,
			slidesToShow: 4,
			slidesToScroll: 1,
			responsive: [{
				breakpoint: 1281,
				settings: { slidesToShow: 3 }
			},{
				breakpoint: 769,
				settings: { slidesToShow: 2 }
			},{
				breakpoint: 481,
				settings: { slidesToShow: 2 }
			}]
		});
	});
</script>