Quản lý giao diện – Làm việc với Widget Lật Sách

  • Friday 29/09/2023

Widget Lật sách là công cụ hiệu ứng lật trang từ file PDF, giúp người dùng chuyển đổi các tạp chí, tài liệu quảng cáo, danh mục và báo cáo thường niên PDF gốc thành những cuốn sách điện tử trên website ấn tượng. Với hàng trăm trang việc sử dụng PDF hiển thị truyền thống là một điều bất cập cho khách hàng của Quý khách, ít gây được ấn tượng cho khách hàng. Với công cụ Web30s mọi việc giờ đây đã trở nên dễ dàng hơn. Để tìm hiểu thông tin và cách cài đặt hiển thị thông tin mời Quý khách xem thông tin dưới đây.

I. Chuẩn bị tài liệu

Việc đầu tiên để có thể hiển thị tài liệu là Quý khách phải có một tập tin PDF để có thể bắt đầu. Trong bài sẽ lấy ví dụ về tập tin đã được chuẩn bị sẵn.

Đối với tài liệu đã có sẵn Quý khách hàng có thể chọn trực tiếp tài liệu sản phẩm. Đối với trường hợp chưa có Quý khách thực hiển tải thông tin lên bằng cách ấn nút tải lên ở bên trái khung Quản lý tập tin.

Lưu ý: Widget hiện chỉ cho phép đăng tải File PDF tối đa 10 trang, Do đó Quý khách vui lòng chỉ đăng tải tôi đa 10 ạ.

Nút tải lên để tải những tập tin lưu trong máy
Nút tải lên để tải những tập tin lưu trong máy

II. Thiết lập vị trí hiển thị Widget Lật sách

Quý khách thực hiện truy cập vào Quản lý giao diện => Thiết lập giao diện. Quý khách muốn tạo trên trang nào Quý khách thực hiện tạo trên trang đó. 

Bắt đầu thực hiện Quý khách chọn Cột vị trí muốn thêm. Sau đó Quý khách chọn Thêm Widget.  

Thêm Widget lật sách vào cột
Thêm Widget lật sách vào cột

Widget Lật sách được đặt trong mục nhóm Widget Nâng cao.

Widget Lật sách thuộc nhóm Nâng cao
Widget Lật sách thuộc nhóm Nâng cao

Ở đây sẽ có 2 lựa chọn, tùy vào mục đích sử dụng Quý khách sẽ chọn hình thức phù hợp.

Lựa chọn 1: Widget cho dữ liệu kết nối (Sản phẩm) (Tính năng này sẽ được cập nhật trong tương lai gần)

Với dữ liệu này yêu cầu Widget sẽ thực hiện thêm vào trong chi tiết sản phẩm. Quý khách sẽ chọn Loại dữ liệu : Dữ liệu trang. Dữ liệu kết nối là đường dẫn tập tin.

Dữ liệu đường dẫn tập tin
Dữ liệu đường dẫn tập tin

Lựa chọn 2: Dữ liệu mặc định

Với dữ liệu mặc định Quý khách có thể thêm tại bất kì vị trí nào trên trang, Quý khách sẽ thêm tập tin trực tiếp trên giao diện nên có thể chọn tập tin ngay

Dữ liệu mặc định
Dữ liệu mặc định

Hoàn thành việc lựa chọn dữ liệu. Quý khách ấn nút Áp dụng dữ liệu ở góc dưới bảng chọn. Kết quả sẽ thu được là 1 khung giao diện Widget Lật trang được thêm vào cột.

Khung Widget thêm mặc định ban đầu sẽ rất nhỏ, do đó sẽ thực hiện thêm 1 thao tác điều chỉnh kích thước để giao diện xem được trình bày đẹp hơn. Quý khách sẽ ấn vào Cấu hình (bánh răng) => Cấu hình chung.

Điều chỉnh lại kích thước widget hiển thị.
Điều chỉnh kích thước widget hiển thị.

Quý khách thực hiện cho kích thước Chiều rộng 100% và Chiều cao tùy ý (khuyến nghị 400-500px).  

Thêm kích thước vào Widget.
Thêm kích thước vào Widget.

Sau khi cấu hình thành công. Quý khách ấn nút Lưu trang ở góc phải màn hình và thực hiện kiểm tra lại trang.

Kết quả ngoài giao diện web
Kết quả ngoài giao diện web

Trên đây là hướng dẫn về cách để thêm Widget vào giao diện

III. Một số cấu hình hiển thị của Widget và những vấn đề cần lưu ý. 

Widget Lật trang cũng có nhưng thông tin điều chỉnh cơ bản Hiệu ứngThiết kế bao gồm: 

  • Nền.
  • Khung nền.
  • Đường viền.
  • Căn lề.
  • Khoảng cách.
  • Bo góc.
  • Độ trong suốt.
  • Filter.
  • Hiển thị.
  • Độ mượt.

Quý khách có thể tìm hiểu thông tin của từng thành phần theo bài hướng dẫn tại đây

Những thông tin tùy chỉnh giao diện của Widget
Những thông tin tùy chỉnh giao diện của Widget

Ngoài ra còn Cấu hình lật trang độ cong của tấm mở hướng với 2 lựa chọn là từ trái sang và từ phải sang. Để điều chỉnh thông tin này Quý khách sẽ truy cập vào phần Cấu hình => Cấu hình Widget.  

Cấu hình hiển thị của Widget
Cấu hình hiển thị của Widget

Trên đây là hướng dẫn thực hiện tạo và điều chỉnh Widget Lật trang. Trong trường hợp Quý khách không thực hiện được hoặc làm sai thông tin nào Quý khách có thể liên hệ với Kỹ thuật qua tổng đài 1900 9477

Ngoài ra, Quý khách hàng có thể tham khảo thêm các chương trình khuyến mãi hấp dẫn của P.A Việt Nam tại đây.

Nhà bán hàng có thể tham khảo thêm các chương trình khuyến mãi của P.A Việt Nam tại đây.

P.A Việt Nam – Web30s

Rate this post