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.

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

<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!