Single Card

Hướng dẫn sử dụng Element thao tác cơ bản

Single Card

Single Card Element được sử dụng để hiển thị nội dung dưới dạng một thẻ ngắn với phần xem trước, bao gồm hình ảnh, tiêu đề, và mô tả ngắn. Element này cho phép người dùng mở thẻ để xem chi tiết và tương tác bằng cách chọn thẻ.

Khi nào nên sử dụng:

• Khi bạn muốn giới thiệu một nội dung nổi bật, sản phẩm, hoặc dịch vụ mà chỉ cần một thẻ hiển thị thông tin cô đọng và dễ tiếp cận.

• Khi cần cung cấp thông tin ngắn gọn với tùy chọn xem thêm chi tiết, như giới thiệu sản phẩm, chương trình khuyến mãi, hoặc tin tức.

• Tốt cho việc trình bày các nội dung tương tác hoặc các phần cần người dùng lựa chọn.

Ví dụ sử dụng:

• Giới thiệu sản phẩm với hình ảnh, giá bán, và mô tả ngắn, khi nhấp vào sẽ hiện chi tiết sản phẩm.

• Thông tin sự kiện sắp tới với nội dung tóm tắt và khả năng mở rộng để xem chi tiết hơn.

• Thẻ về ưu đãi đặc biệt, khuyến mãi hoặc thông báo quan trọng mà người dùng có thể nhấp để tương tác.

Single Card Element sẽ không có thuộc tính Required (bắt buộc chọn thẻ), nhưng vẫn có thể hiển thị theo điều kiện và bao gồm các thuộc tính sau:

• Setting: Truy cập vào đây để cài đặt.

• Title: Tiêu đề.

• Description: Mô tả ngắn.

• Selected Text: Nội dung hiển thị sau khi người dùng "Đã chọn".

• Not Selected Text: Nội dung hiển thị khi người dùng chưa chọn.

• Close Popup Text: Nội dung đóng bản "View More".

• View More Text: Nội dung hiển thị cho button "View More(Mở màn hình phụ để xem thêm nội dung theo dạng Text Content".

• Image url Photo: Banner của card.

• Content: Nội dung hiển thị trong màn hình "View More" dưới dạng text.