Auto slider owl-carousel trong giao diện ustora web responsive

Thảo luận trong 'Thắc mắc và hỏi đáp về CNTT' bắt đầu bởi seolagi, 26/7/16.

  1. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    258
    Đã được thích:
    5
    Điểm thành tích:
    18
    HI Admin mình sử dụng giao diện responsive của thằng ustora, mình có thắc mắc 1 chút.
    Cái product, sản phẩm của giao diện này sử dụng js slider owl-carousel để trình diễn sản phẩm.
    Nhưng thằng slider owl-carousel nó đứng yên, nó không chạy auto. Mình sử dụng đủ mọi cách mà không chạy được.
    Mình lên google tìm thì nó cho đoạn code dưới, nhưng chèn vào thì web chạy được giao diện, nhưng giao diện bị đổi rất khó xem.
    Mã:
    ar owl = $('.owl-carousel');
    owl.owlCarousel({
        items:4,
        loop:true,
        margin:10,
        autoplay:true,
        autoplayTimeout:1000,
        autoplayHoverPause:true
    });
    $('.play').on('click',function(){
        owl.trigger('autoplay.play.owl',[1000])
    })
    $('.stop').on('click',function(){
        owl.trigger('autoplay.stop.owl')
    })
    Admin có cách nào cho slider này nó chạy mà không bị bể giao diện được không? Code giao diện mình đã gửi vào email phamcongson2003@gmail.com rồi.

    giao-dien-ustora-web.png

    Mong admin giúp đỡ tìm cách xử lý giúp mình.
     
    Cảm ơn đã xem bài:

    Auto slider owl-carousel trong giao diện ustora web responsive

    Đang tải...
  2. admin

    admin Phạm Công Sơn Thành viên BQT

    Tham gia ngày:
    22/5/13
    Bài viết:
    3,738
    Đã được thích:
    711
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Hôm qua mình có trả lời email cho bạn rồi mà ta. Để mình copy nội dung email cho bạn xem lại ở đây nhé:

    Giao diện web của bạn sử dụng chèn code trên vào sẽ bị lỗi vì giao diện của thằng ustora nó tùy biến mã HTML trong code js, nên bạn phải sửa trực tiếp trong code js mới được.

    Cách sửa như sau:
    • Tìm tới JS của owl-carousel sau đó tìm tới đoạn code
    Mã:
    autoplay: !1, autoplayTimeout: 5e3, autoplayHoverPause: !1, autoplaySpeed: !1 
    • Và thay bằng đoạn code
    Mã:
     autoplay: true, autoplayTimeout: 1000, autoplayHoverPause: [1000], autoplaySpeed: [1000]
    • Ra ngoài chạy lại web, thì slider của bạn sẽ chạy được ngay nhé.
     
  3. seolagi

    seolagi

    Vip Member

    Tham gia ngày:
    16/4/14
    Bài viết:
    258
    Đã được thích:
    5
    Điểm thành tích:
    18
    Cảm ơn ad, mình mò mãi mà không ra, thì ra nó áp số thẳng vào trong js, mình add thêm bên ngoài bị lỗi. giờ mới mò ra được.

    TK ad nhiều lắm
     


Like và Share ủng hộ ITSEOVN