<section class="pos_rel" id="product_area">
	<div class="pos_abs bg_box white"<?# productStyle ?>></div>
    <h2 class="talign_center effect_box title_box"><font class="pos_rel d_inblock"><span class="pos_abs d_block"></span><b class="pos_rel d_inblock talign_center txt_secondary_5"><?# indexPTitle ?></b></font></h2>
	<div class="pos_rel" id="product_list">
		<ul class="nowrap_box">
            <php:repeater id="listP">
            <template>
            <li class="pos_rel">
				<div class="over_hid pos_rel effect_box img_show"><img class="pos_rel img_cover" src="<?# IconImage ?>" alt="<?# ProductName ?>" /></div>
				<div class="pos_rel bg_white_5 info_box">
					<h3 class="txt_clamp"><?# ProductName ?></h3>
					<article class="txt_clamp"><?# Introduction ?></article>
                    <div class="price_box"<?# sellStyle ?>>
                        <p class="d_inblock price"<?# priceStyle ?>><span class="d_inblock txt_num">&#36;</span><font class="d_inblock txt_num"><?# Price ?></font></p>
                        <p class="d_inblock old"<?# oldPriceStyle ?>><span class="d_inblock txt_num">&#36;</span><font class="d_inblock txt_num"><?# OldPrice ?></font></p>
                    </div>
				</div>
				<a class="pos_abs d_block atag_item" href="<?# link ?>" title="<?# ProductName ?>"></a>
            </li>
            </template>
            </php:repeater>
        </ul>
	</div>
</section>
<script>
	$(function(){
		$('#product_list ul').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 600
		});
	});
</script>