สามารถเลือกสินค้า ที่จะเอามาแสดงได้
สามารถกำหนด โดยใช้ Grid กำหนด มี 12,9,8,7,6,5,4,3 ให้เลือกว่า สินค้าจะแสดงตามขนาดของ Grid
สามารถกำหนด สินค้า ให้แสดงได้กี่ชิ้น / หนึ่งสไลด์
ตอนนี้ ผมทำสไลด์ขึ้นมา เรียงต่อกันได้ตามขาด Grid ที่เรากำหนดแล้วครับ แต่ว่า อยากฟิกค่า ให้มันแสดงผลต่างกันครับ
อย่างเช่น Grid 9 แสดงสินค้า 4 อย่าง และ Grid 3 แสดงสินค้า 1 อย่าง
แต่ ผมฟิกค่าได้ ให้มันเป็น 2 อย่างครับ มันแสดง 2 อย่างทั้ง 3 สไลด์เลยครับ อยากให้สินค้าแสดงผลต่างกันครับ
ส่วน โค้ดนี้เป็นสคริปที่ผมใช้ครับ
**ตรง SlidersToShow เป็นจำนวนสินค้าที่ต้องการแสดงจำนวณกี่ชิ้น / หนึ่งสไลด์ครับ ในโค้ดของผมก็ ถ้าเลือก grid 3ถึง12 จะ ให้แสดงผลตามจำนวนที่รับเข้ามาครับ
$selectproducts; คือตัวแปรที่รับเข้ามาจากค่า config ครับ
มีวิธีใส่ เพิ่มอีกไหมครับ
โค้ด: เลือกทั้งหมด
jQuery(document).ready(function(){
jQuery('.Item').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: <?php if($selectgrid == 3)
{
echo $selectproducts;
}
if($selectgrid == 4)
{
echo $selectproducts;
}
if($selectgrid == 5)
{
echo $selectproducts;
}
if($selectgrid == 6)
{
echo $selectproducts;
}
if($selectgrid == 7)
{
echo $selectproducts;
}
if($selectgrid == 8)
{
echo $selectproducts;
}
if($selectgrid == 9)
{
echo $selectproducts;
}
if($selectgrid == 12)
{
echo $selectproducts;
}
?>,
slidesToScroll: <?php echo "1";?>,
responsive: [
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll:1
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 2,
slidesToScroll:2
}
},
{
breakpoint: 900,
settings: {
slidesToShow: 3,
slidesToScroll:3
}
}
]
});
});
<?php
$document->addScript('slickmaster/slick/slick.js');
?>