อยากทราบวิธีที่ ทำให้สไลด์สิค้า แสดงสินค้าน้อยลงตามการแสดงผลของ grid ครับ

ถามตอบ ปัญหาการพัฒนา Extension ไม่ว่าจะเป็น Module plugin Component หรือ แม้แต่ template การปรับแต่งโค้ด Joomla ต่างๆ ทุกเวอร์ชั่น 1.5 2.5 หรือ 3.x

Moderators: mindphp, ผู้ดูแลกระดาน

Patipat
PHP Super Hero Member
PHP Super Hero Member
Posts: 996
Joined: 10/06/2019 10:12 am

อยากทราบวิธีที่ ทำให้สไลด์สิค้า แสดงสินค้าน้อยลงตามการแสดงผลของ grid ครับ

Post by Patipat »

คือผมมีสไลด์สินค้าอยู่นะครับ แต่ว่าตอนนี้แบ่งเป็น Grid ครับแล้วอยากทราบว่า ถ้าผมปรับขนาดของ Grid ให้เป็น 5 1 5 และ อยากรู้ว่า ทำอย่างไรครับ
ให้สินค้า แสดงจาก 4 ชิ้นให้เหลือเป็น 2 ชิ้น ตามความเหมาะสมของ Grid = 5 ครับ

*พอจะมีสคริปที่ใช้ร่วมกับ Grid ได้ไหมครับ ตอนนี้ผมมีสคริปแค่ที่ใช้กับ ขนาดหน้าจออย่างเดียวครับ ยังไม่มีสคริปที่ใช้กับ Grid

**และเราสามารถแปลง สคริปที่ใใช้กับขนาดหน้าจอให้ใช้แบบ Grid ได้หรือไม่ครับ
Selection_999(393).png
Selection_999(393).png (48.06 KiB) Viewed 199 times
ส่วนนี้โค้ดสคริปที่ใช้กับ หน้าจอ Responsive ครับ

Code: Select all

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
      }
    }
  ]
});
});
Kor ma di kub. :)

User avatar
tsukasaz
PHP VIP Members
PHP VIP Members
Posts: 11991
Joined: 18/04/2012 9:39 am

Re: อยากทราบวิธีที่ ทำให้สไลด์สิค้า แสดงสินค้าน้อยลงตามการแสดงผลของ grid ครับ

Post by tsukasaz »

ถ้าเป็น bootstrap เวอร์ชั่น 2.3 มันมี class เกี่ยวกับ grid ยังน้อยอยู่

จะปรับจำนวนคงต้องมาเช็คเอง เช่น ถ้าแบ่ง span12 จะมีสินค้ากี่ชิ้น แบ่ง span6 ต้องเหลือกี่ชิ้น
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)

Patipat
PHP Super Hero Member
PHP Super Hero Member
Posts: 996
Joined: 10/06/2019 10:12 am

Re: อยากทราบวิธีที่ ทำให้สไลด์สิค้า แสดงสินค้าน้อยลงตามการแสดงผลของ grid ครับ

Post by Patipat »

อ๋ออ ครับผม

แล้วมีวิธีการเขียนยังไงบ้างครับ หรือ ศึกษาจากตรงไหนได้บ้างครับ
Kor ma di kub. :)


User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 25209
Joined: 31/03/2014 10:02 am
Contact:

Re: อยากทราบวิธีที่ ทำให้สไลด์สิค้า แสดงสินค้าน้อยลงตามการแสดงผลของ grid ครับ

Post by thatsawan »

grid จะต้องเท่ากับ 12
ถ้าผมปรับขนาดของ Grid ให้เป็น 5 1 5 และ อยากรู้ว่า ทำอย่างไรครับ
มันน่าจะไม่ได้


Post Reply
  • Similar Topics
    Replies
    Views
    Last post

Return to “Joomla Development”

Who is online

Users browsing this forum: No registered users and 2 guests