โดย Patipat » 24/07/2019 3:23 pm
ตอนนี้ผม แบ่ง Grid ได้แล้วครับ แต่ว่า ยังทำให้ Grid ขนาดเล็กแสดงสินค้าแค่ 2 ตามความเหมาะสม ไม่ได้ครับ
- ผมมีสคริปแสดงสินค้า แต่ว่า มันใช้ได้กับขนาดหน้าจอ อยากทราบว่ามีวิธีการใส่ เช็ค if ในสคริปอย่างไรครับ ถ้า รับค่า grid = 6 มาแล้ว จะให้แสดงข้อมูล เป็น 2 ชิ้น
- Selection_999(396).png (47.2 KiB) Viewed 919 times
ตรงคำว่า
responsive :[] ผมจะใช้ if เช็คว่าถ้าเราได้ค่า 6 ของGridมาจะให้แสดงสินค้าแค่ 2 ชิ้นมันจะได้หรือเปล่าครับ
โค้ด: เลือกทั้งหมด
jQuery(document).ready(function(){
jQuery('.Item').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: <?php echo $selectproducts;?> ,
slidesToScroll: <?php echo $selectproducts;?>,
responsive: [
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll:1
}
}
]
});
});
ตอนนี้ผม แบ่ง Grid ได้แล้วครับ แต่ว่า ยังทำให้ Grid ขนาดเล็กแสดงสินค้าแค่ 2 ตามความเหมาะสม ไม่ได้ครับ
- ผมมีสคริปแสดงสินค้า แต่ว่า มันใช้ได้กับขนาดหน้าจอ อยากทราบว่ามีวิธีการใส่ เช็ค if ในสคริปอย่างไรครับ ถ้า รับค่า grid = 6 มาแล้ว จะให้แสดงข้อมูล เป็น 2 ชิ้น
[attachment=0]Selection_999(396).png[/attachment]
ตรงคำว่า [color=#0000BF]responsive :[][/color] ผมจะใช้ if เช็คว่าถ้าเราได้ค่า 6 ของGridมาจะให้แสดงสินค้าแค่ 2 ชิ้นมันจะได้หรือเปล่าครับ
[code] jQuery(document).ready(function(){
jQuery('.Item').slick({
dots: true,
infinite: false,
speed: 300,
slidesToShow: <?php echo $selectproducts;?> ,
slidesToScroll: <?php echo $selectproducts;?>,
responsive: [
{
breakpoint: 480,
settings: {
slidesToShow: 1,
slidesToScroll:1
}
}
]
});
});[/code]