Tạo Slider tùy chỉnh với ACF Pro Flatsome

Tạo Slider trong Flatsome đơn giản, dễ cập nhật, tương thích với các thiết bị với ACF Pro

1. Tạo Slider hình ảnh với hai phiên bản Desktop – Tablet và Mobile

Bước 1: Tạo Field Group và đặt tên, ví dụ: Slider

Chú ý chọn Location phù hợp để tiến hành gọi các trường thông tin của Field ra bằng code PHP ở bước sau.

Bước 2: Tạo 2 Field với Field Type là Repeater tương ứng với 2 phiên bản Desktop – Tablet và Mobile

Field dành cho Mobile

Ở mỗi Field, tạo các Sub Field tương ứng

• Hình ảnh: Field Type là Image và Return Format là Image URL
• Link: Field Type là Text hoặc URL

Bước 3: Code PHP để gọi các trường ra ngoài và hiển thị

Sử dụng đoạn code sau và đặt vào vị trí hiển thị ở Template đã chọn ở Bước 1