Shortcode hiển thị đánh giá
Đưa đánh giá ra khỏi trang sản phẩm: trang chủ, trang giới thiệu, chân trang, hay bất cứ chỗ nào bạn dán được đoạn mã ngắn.
Ba đoạn mã ngắn có sẵn
| Đoạn mã | Hiện ra cái gì |
|---|---|
[devvn_list_reviews] |
Danh sách đánh giá xếp thành lưới nhiều cột. Đây là cái bạn dùng nhiều nhất. |
[devvn_reviews] |
Toàn bộ khu đánh giá đầy đủ, y như trên trang sản phẩm, gồm cả form gửi đánh giá. |
[devvn_sold id="123"] |
Nhãn số lượng đã bán của một sản phẩm. |
Ô Shortcode reviews ở khối cài đặt bên dưới quyết định plugin có nạp mã giao diện ra ngoài trang sản phẩm hay không. Để Không thì shortcode dán ở trang chủ sẽ ra một khối lộn xộn, mất định dạng. Đây là nguyên nhân số một của câu hỏi "sao shortcode không chạy".
Các thuộc tính của [devvn_list_reviews]
| Thuộc tính | Ý nghĩa |
|---|---|
post_id |
Lấy đánh giá của một sản phẩm. Để 0 thì tự lấy sản phẩm đang mở — dùng khi dán vào mẫu trang sản phẩm. Bỏ hẳn thuộc tính này thì lấy đánh giá của mọi sản phẩm. |
post__in |
Nhiều sản phẩm cùng lúc, ID cách nhau dấu phẩy: post__in="12,34,56". |
number |
Số đánh giá hiện ra. Không ghi thì lấy theo cài đặt chung. |
has_img |
Để 1 thì chỉ lấy đánh giá có ảnh. Rất hợp cho khối "khách hàng nói gì" ở trang chủ. |
view_style |
2 = dải ảnh khách gửi, bấm vào phóng to. 3 = dải video khách gửi. Bỏ trống = danh sách đánh giá thường. |
pc_column, tablet_column, mobile_column |
Số cột trên từng loại màn hình, từ 1 đến 5. Không ghi thì lấy theo cài đặt chung. |
Vài ví dụ dùng được ngay
Khối đánh giá có ảnh cho trang chủ, ba cột trên máy tính:
[devvn_list_reviews number="6" has_img="1" pc_column="3" tablet_column="2" mobile_column="1"]
Dải ảnh khách gửi, đặt ngay dưới phần mô tả của trang sản phẩm:
[devvn_list_reviews post_id="0" view_style="2"]
Đánh giá của ba sản phẩm bán chạy nhất:
[devvn_list_reviews post__in="12,34,56" number="9" pc_column="3"]
Khối cài đặt shortcode
Vào WooCommerce → DevVN Reviews → Cài đặt chung, kéo tới khối Tùy chỉnh shortcode reviews.
- Shortcode reviews — chọn Có nếu bạn có dùng shortcode ở bất kỳ đâu ngoài trang sản phẩm. Chọn Không thì plugin không nạp thêm mã giao diện ở các trang khác, trang nhẹ hơn một chút — nhưng shortcode sẽ hiện sai.
- Chạy slider hình ảnh — khi một đánh giá có nhiều ảnh, chọn Có chạy slider để chúng cuộn ngang thay vì xếp chồng. Tắt đi nếu giao diện của bạn đã có sẵn thư viện slider và bị xung đột.
- Bật popup hình ảnh — bấm vào ảnh thì phóng to lên toàn màn hình. Nên bật, vì khách thường muốn xem kỹ ảnh thật.
- Tổng số bài viết trên 1 trang — số đánh giá mặc định cho mọi shortcode không ghi rõ
number. Mặc định 10. - Cố cột hiển thị — số cột mặc định trên máy tính, máy tính bảng và điện thoại. Tối đa 5, tối thiểu 1. Trên điện thoại nên để 1, đừng để 2 vì chữ sẽ bị bó quá hẹp.
- Hiển thị thông tin sản phẩm trong danh sách — chọn Có thì mỗi đánh giá kèm theo ảnh và tên sản phẩm được đánh giá. Bắt buộc phải bật khi bạn hiện đánh giá của nhiều sản phẩm lẫn lộn, nếu không người đọc không biết đang nói về món nào.
Dán shortcode vào đâu
| Bạn đang dùng | Cách dán |
|---|---|
| Trình soạn thảo khối của WordPress | Thêm một khối Shortcode rồi dán vào. |
| Elementor | Kéo phần tử Shortcode vào chỗ muốn hiện. |
| Flatsome / UX Builder | Thêm phần tử Text rồi dán mã vào, hoặc dùng phần tử Shortcode nếu có. |
| File giao diện (cần biết code) | echo do_shortcode('[devvn_list_reviews]'); |
Để trang chủ không phải truy vấn lại mỗi lần có khách, plugin nhớ kết quả của mỗi shortcode trong 24 giờ. Vì vậy đánh giá vừa duyệt xong có thể chưa hiện ngay ở khối trang chủ. Muốn thấy ngay thì xoá bộ nhớ đệm của website.
Lỗi thường gặp
| Hiện tượng | Nguyên nhân và cách xử lý |
|---|---|
Trang hiện nguyên chữ [devvn_list_reviews] |
Chỗ bạn dán không xử lý shortcode. Dùng đúng khối/phần tử Shortcode của trình dựng trang. |
| Hiện ra nhưng mất định dạng, chữ xếp lộn xộn | Ô Shortcode reviews đang để Không. Đổi sang Có và lưu lại. |
| Không hiện gì cả | Không có đánh giá nào khớp điều kiện. Hay gặp nhất là để has_img="1" trong khi chưa đánh giá nào có ảnh. |
| Đánh giá mới không xuất hiện | Bộ nhớ đệm 24 giờ. Xoá cache rồi tải lại. |
| Số cột trên điện thoại không đúng | Giao diện đang đè lên CSS của plugin. Thử giảm mobile_column về 1. |
Tiếp theo: Tự động đánh giá theo danh sách.