Flatsome tích hợp sẵn slide cho banner, ảnh nhưng không thể dùng với image box, dưới đây là giải pháp rất hay của bạn Lê Văn Toản trong nhóm Flatsome Việt Nam.Thanks
Hướng dẫn tạo slide cho Image Box
Bước 1: Tạo row và thêm image box vào các column, bao nhiêu cột tùy thích
Bước 2: Thêm đoạn code dưới đây vào footer
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <script> (function ($){ $(document).ready(function() { $('.devvn-row-slider').each(function(){ $(this).find('style[scope="scope"]').remove(); $(this).flickity({ cellAlign:'left', contain:true, groupCells:1, prevNextButtons:true, pageDots:true, }); }); }); })(jQuery); </script> |
Bước 3: Điều chỉnh giá trị cho phù hợp với website của bạn
cellAlign: giá trị là left, right, center.
contain: giá trị là true/false.
groupCells: số item trong 1 lần cuộn, giá trị là 1 – 2 – 3 tùy ý.
prevNextButtons: Hiển thị nút điều khiển, giá trị là true/false.
pageDots: Hiển thị phân trang bằng các chấm, giá trị là true/false.
Như vậy là đã hoàn thành nhé.
Chúc các bạn thành công.
Sau bước 3 thì như thế nào nữa?
Mình có add code rồi, nhưng sau đó vẫn không thấy được áp dụng.
Tuyệt vời. Cảm ơn bạn.