Khối Product Slider

Hướng dẫn cấu hình chi tiết khối Product Slider cho trang chủ app trên App Builder

UI Khối Product Slider

Bước 1: Di chuột hoặc bấm trực tiếp vào khối để hiển thị thanh cài đặt ở góc phải của phần tử. Chọn vào icon để mở bảng Cấu hình Khối

Bước 2: Chỉnh sửa khối Product Slider

• Tiêu đề khối: Điền thông tin tại mục tiêu đề khối để cấu hình tên cho khối

• Danh sách sản phẩm: Điền link /c (xem hướng dẫn chi tiết tại đây) tại mục danh sách sản phẩm để cấu hình sản phẩm hiển thị trên khối ở trang chủ
• Xem tất cả: Điền link tại mục Xem tất cả để khi click vào Xem tất cả sẽ mở ra trang mong muốn. Các loại link hỗ trợ gồm:

  • Link /c (xem hướng dẫn chi tiết tại đây): mở màn hình danh sách sản phẩm
  • Link /p: mở màn hình webview in app

  • Link Product Detail: mở màn hình chi tiết sản phẩm

  • Link trang landing

  • Link rút gọn của các link trên dạng bit.ly, short.io, rebrandly.com, tinyurl.com, goo.gl, ow.ly

• Bước 3: Cấu hình nền của khối dạng màu nền hoặc hình ảnh

  • Người dùng chọn tab màu sắc để cấu hình màu nền cho khối

  • Người dùng chọn tab hình ảnh để cấu hình nền hình ảnh cho khối. Tải ảnh hoặc dùng đường dẫn ảnh để upload.

  • Lưu ý: khi muốn cấu hình màu nền cần xóa dữ liệu đang cấu hình dạng hình ảnh, do luôn ưu tiên hiển thị hình ảnh nếu người dùng cấu hình nền màu và hình ảnh đồng thời.