4.2. Trình chiếu

Tiện ích Trình chiếu là một công cụ cho phép hiển thị một loạt các hình ảnh, video, hoặc nội dung theo dạng trượt ngang, dọc. Đây là một cách hiệu quả để thu hút sự chú ý của người dùng và trình bày nhiều thông tin trong một không gian hạn chế.

9.1. Thêm Trang trình chiếu vào trang

• Trong thanh sidebar, nhấp vào Tiện ích, sau đó chọn Trình chiếu

• Nhấp và kéo tiện ích Trình chiếu vào trang landing page của bạn

9.2. Trình chỉnh sửa Trang trình chiếu

9.2.1. Trình chỉnh sửa nội dung

• Nhấp chuột vào tiện ích Trình chiếu và chọn Nội dung trên thanh thiết lập nhanh để mở trình chỉnh sửa nội dung Trang trình chiếu

• Nhấp vào Thêm để thêm Slide

• Nhấp vào cài đặt của từng slide để thiết lập cài đặt: nhân bản, kiểu mặc định, đổi tên, nội dung, xóa

9.2.2. Trình chỉnh sửa thiết kế

• Nhấp chuột vào tiện ích Trang trình chiếu và chọn Thiết kế trên thanh thiết lập nhanh để mở trình chỉnh sửa thiết kế Slider

• Căn chỉnh: giúp bạn căn chỉnh Trình chiếu theo khung chứa. Xem thêm thông tin, xem Căn chỉnh.

• Kích thước: trong trình chỉnh sửa thiết kế giúp bạn điều chỉnh kích thước và vị trí của các phần tử trên trang landing page. Xem thêm thông tin, xem Kích thước.

• Hiển thị: cho phép bạn kiểm soát việc hiển thị Trình chiếu trên các thiết bị khác nhau bao gồm Desktop và Mobile

• Thiết kế: Tùy chỉnh màu nền và hiệu ứng đổ bóng cho toàn bộ Trình chiếu hoặc các slide cụ thể bên trong nó. Xem thêm thông tin, xem Thiết kế.

• Đường viền: cho phép bạn thêm và tùy chỉnh viền xung quanh của Trình chiếu, bạn cũng có thể điều chỉnh độ bo tròn của viền. Xem thêm thông tin, xem Đường viền.

• Trang trình chiếu: các thiết lập liên quan đến cách thức hoạt động của Trình chiếu như hiệu ứng chuyển đổi giữa các slide, tốc độ chuyển đổi, chế độ tự động chạy…

+ Hiển thị mũi tên: Hiển thị hoặc ẩn các nút điều hướng (mũi tên) cho trang chỉnh chiếu.

Bật: Nút điều hướng sẽ xuất hiện, cho phép người dùng chuyển qua lại giữa các slide một cách thủ công.

Tắt: Ẩn các nút điều hướng, phù hợp khi bạn muốn slider tự động chạy hoặc khi không muốn làm xao lãng người dùng.

+ Hướng trình chiếu: Xác định hướng di chuyển của các slide khi chuyển đổi: trái sang phải, phải sang trái, dưới lên trên, trên xuống dưới

+ Thời gian chuyển động: Điều chỉnh thời gian diễn ra hiệu ứng chuyển đổi giữa các slide.

+ Số lượng slide: Xác định số lượng slide hiển thị đồng thời trong khung nhìn của trang chỉnh chiếu.

+ Khoảng trống giữa slide: Điều chỉnh khoảng cách giữa các slide.

+ Vòng lặp: Cho phép slider tự động lặp lại khi nó hiển thị slide cuối cùng.

+ Tự động phát: Tự động chạy trang chỉnh chiếu mà không cần người dùng tương tác.

+ Thời gian mỗi slide hiển thị: Thiết lập thời gian hiển thị của mỗi slide trước khi chuyển sang slide tiếp theo (chỉ áp dụng khi Autoplay bật).

+ Gap: thiết lập khoảng cách giữa các slide trong trang chỉnh chiếu

• Thumbnails: Hiển thị các hình ảnh thu nhỏ ở dưới hoặc bên cạnh trang chỉnh chiếu, cho phép người dùng xem trước và chọn slide họ muốn xem.

Bật hoặc tắt tính năng hiển thị hình ảnh thu nhỏ trong trang chỉnh chiếu.

Khi bật:

+ Số lượng slide: Xác định số lượng hình ảnh thu nhỏ hiển thị đồng thời trong khu vực hình thu nhỏ.

+ Chiều dọc: Chọn hướng hiển thị của hình ảnh thu nhỏ (dọc hoặc ngang).

+ Vòng lặp: Cho phép các hình ảnh thu nhỏ lặp lại khi người dùng cuộn hoặc di chuyển qua chúng.

+ Khoảng trống giữa slide: Điều chỉnh khoảng cách giữa các hình ảnh thu nhỏ.

+ Chiều rộng/ chiều cao: Xác định chiều rộng/ chiều cao của hình ảnh thu nhỏ.

• Ký hiệu chấm tròn: Hiển thị các chấm điểm dưới trang chỉnh chiếu, đại diện cho từng slide, giúp người dùng dễ dàng chuyển đổi giữa các slide.

Bật hoặc tắt tính năng hiển thị các chấm điểm dưới slider.

• Cơ bản: Tùy chỉnh kiểu dáng của các chấm điểm khi chúng không được chọn (chấm điểm thông thường).

Chiều rộng: Điều chỉnh độ rộng của các chấm điểm.

Chiều cao: Điều chỉnh chiều cao của các chấm điểm.

Nền: Chọn màu sắc hoặc kiểu đổ màu của các chấm điểm khi chúng ở trạng thái bình thường.

Đường viền: Đặt viền cho các chấm điểm, bao gồm màu sắc, độ dày của viền, và kiểu viền.

• Đã chọn: Tùy chỉnh kiểu dáng của các chấm điểm khi chúng được chọn (chấm điểm hiện tại).

Nền: Chọn màu sắc hoặc kiểu đổ màu của các chấm điểm khi chúng được chọn. Thường thì màu sắc này sẽ nổi bật hơn so với trạng thái bình thường để người dùng dễ nhận diện slide hiện tại.

Đường viền: Đặt viền cho các chấm điểm được chọn, bao gồm màu sắc, độ dày của viền, và kiểu viền. Điều này có thể giúp các chấm điểm được chọn nổi bật hơn.

• Nút: Thêm và tùy chỉnh các nút điều hướng (trái/phải) cho slider hoặc các nút bấm khác bên trong slide.

Mũi tên trái/ phải: Nút điều hướng để quay lại slide trước đó./ Nút điều hướng để chuyển đến slide kế tiếp trong slider.

+ Biểu tượng: Chọn hoặc tải lên biểu tượng cho nút mũi tên. Bạn có thể chọn từ thư viện biểu tượng có sẵn hoặc sử dụng biểu tượng tùy chỉnh.

+ Màu sắc: Xác định màu sắc của nút để nó phù hợp với thiết kế của slider. Bạn có thể chọn màu sắc cho biểu tượng hoặc nền của nút.

+ Chiều rộng: Điều chỉnh độ rộng của nút. Nhập giá trị hoặc sử dụng thanh trượt để thay đổi kích thước của nút.

+ Chiều cao: Điều chỉnh chiều cao của nút. Nhập giá trị hoặc sử dụng thanh trượt để thay đổi kích thước của nút.

+ Bên trên: Bật hoặc tắt vị trí của nút theo chiều dọc từ trên xuống. Điều chỉnh vị trí của nút theo tỷ lệ phần trăm so với chiều cao của slider. Ví dụ, 10% từ trên xuống có thể đặt nút gần đầu của slider.

+ Bên phải: Bật hoặc tắt vị trí của nút theo chiều ngang từ phải sang trái. Điều chỉnh vị trí của nút theo tỷ lệ phần trăm so với chiều rộng của slider. Ví dụ, 10% từ bên phải có thể đặt nút gần cạnh phải của slider.

+ Bên trái: Bật hoặc tắt vị trí của nút theo chiều ngang từ trái sang phải. Điều chỉnh vị trí của nút theo tỷ lệ phần trăm so với chiều rộng của slider. Ví dụ, 10% từ bên trái có thể đặt nút gần cạnh trái của slider.