• .
  • Chúc mừng giánh sinh và năm mới 2025
  • Smallrig phu kien ho tro quay gan gimbal rs3 rs2 rsc2.jpg
  • Balo túi đeo PGYTECH 3L 4L 6L 10L 11L 22L 25L 35L
  • Tilta Phụ kiện các loại giá tốt nhất
  • Hỗ trợ book Xanh SM giao liền

Hướng dẫn dùng Owl Carousel hiển thi 2 hàng sản phẩm khi chuyển qua lại

  Tips hướng dẫn sưu tầm trên mạng "How to make the Carousel in two rows ?", Cách làm rất đơn giản ! Các bạn có thể tham khảo bên dưới từ đây !

Lưu ý : bạn chèn 2 sản phẩm trong 1 div thì mới được

JS Code

$(document).ready(function () {
    $("#owl-demo").owlCarousel({
        navigation: true,
        pagination: true
    });
});

Css code

#owl-demo .owl-item > div img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom:4px;
}
#owl-demo .owl-item > div {
    padding: 0px 2px
}

HTML

Share facebookShare facebook

Bạn đã đọc tin này chưa ?

Go Top
Chat hỗ trợ
Chat ngay