แต่ในภาพนี้ ยังไม่เป็น Responsive ยังเป็นสินค้า 3 รายการอยู่เหมือนเดิม
โค้ดตัวอย่างแสดงสินค้าครับ
โค้ด: เลือกทั้งหมด
<div class="slider Item">
<center>
<?php foreach ( $product_slisdershow as $product): ?>
<div>
<a href="<?php echo SEFLink('index.php?option=com_mooziicart&controller=product&task=view&category_id=' . $product['category_id'] . '&product_id=' . $product['product_id'], 1); ?>" >
<center> <img src='<?php echo JUri::root() . 'components/com_mooziicart/files/img_products/' . $product['image'];?>' width=100px heigh=100px title="<?php echo $product['name_en-GB'] ?>" alt="<?php echo $product['name_en-GB'] ?>"></a><center>
<br><br>
<center> <?php echo ($product['name_en-GB']) ?><br></center>
<?php echo ($product['product_price']) ?> <br><br><br>
</div>
</center>
<?php endforeach; ?>
</div>
jQuery(document).ready(function(){
jQuery('.Item').slick({
slidesToShow: 3,
slidesToScroll: 3
});
});
โค้ด: เลือกทั้งหมด
jQuery(document).ready(function(){
jQuery('.Item').slick({
slidesToShow: 3,
slidesToScroll: 3
});
});