• Thiết kế website bán hàng miễn phí 2018

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

Facebook Comments

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

Go Top