ให้สินค้า แสดงจาก 4 ชิ้นให้เหลือเป็น 2 ชิ้น ตามความเหมาะสมของ Grid = 5 ครับ
*พอจะมีสคริปที่ใช้ร่วมกับ Grid ได้ไหมครับ ตอนนี้ผมมีสคริปแค่ที่ใช้กับ ขนาดหน้าจออย่างเดียวครับ ยังไม่มีสคริปที่ใช้กับ Grid
**และเราสามารถแปลง สคริปที่ใใช้กับขนาดหน้าจอให้ใช้แบบ Grid ได้หรือไม่ครับ
ส่วนนี้โค้ดสคริปที่ใช้กับ หน้าจอ Responsive ครับ
โค้ด: เลือกทั้งหมด
jQuery(document).ready(function(){
jQuery('.Item').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: 4,
slidesToScroll: 4,
responsive: [
{
breakpoint: 1024,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
infinite: true,
dots: true
}
},
{
breakpoint: 600,
settings: {
slidesToShow: 1,
slidesToScroll: 1
}
},
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll:1
}
}
]
});
});