<section class="pos_rel" id="product_area"<?# productStyle ?>>
	<div class="title_box"><h2 class="pos_abs writing"><?# indexPTitle ?></h2></div>
	<div id="product_list">
        <php:repeater id="listP">
        <template>
        <div class="pos_rel item">
            <a class="over_hid d_block img_box" href="<?# link ?>" title="<?# ProductName ?>"><img class="img_cover" src="<?# IconImage ?>" alt="<?# ProductName ?>" /></a>
            <div class="pos_md_abs pos_rel d_flex bg_white_5 info">
				<div>
					<h3 class="txt_clamp"><?# ProductName ?></h3>
					<article class="txt_clamp"><?# Introduction ?></article>
					<div class="d_flex nowrap_box price_box"<?# sellStyle ?>>
						<p<?# priceStyle ?>>&#36;<?# Price ?></p>
						<p<?# oldPriceStyle ?>>&#36;<?# OldPrice ?></p>
					</div>
				</div>
				<a class="pos_abs d_block atag_item" href="<?# link ?>" title="<?# ProductName ?>"></a>
            </div>
        </div>
        </template>
        </php:repeater>
    </div>
</section>
<script>
	$(function(){
		$('#product_list').slick({
			autoplay: true,
			dots: false,
			arrows: false,
			infinite: true,
			speed: 600,
			fade: true,
			cssEase: 'linear'
		});
	});
</script>