06 — Quản lý 4 trụ cột & trang Solutions
06 — Quản lý 4 trụ cột & trang Solutions
4 trụ cột công nghệ AI · IoT · ERP · Hardware là xương sống của nội dung website. Chúng được lưu ở DocType Mantis Pillar và được dùng đồng thời cho:
- Trang tổng
/solutions. - 4 trang chi tiết
/solutions/ai,/solutions/iot,/solutions/erp,/solutions/hardware. - Block
pillars_grid/pillars_grid_lgtrên Home và các trang khác. - Trường Pillar của Mantis Product (dùng để phân loại sản phẩm).
1. Mở danh sách trụ cột
Desk → /app/mantis-pillar.
Mặc định có 4 bản ghi không được xoá: AI, IoT, ERP, Hardware.
2. Các trường của Mantis Pillar
| Trường | Ý nghĩa |
|---|---|
| Pillar Name | Tên trụ cột. Cũng là ID, xuất hiện trong filter. |
| Slug | ai, iot, erp, hardware. Không đổi — sẽ gãy toàn bộ link /solutions/<slug>. |
| Target URL (override) | Nếu muốn card trụ cột dẫn sang URL khác (ví dụ landing đặc biệt). Để trống để dùng /solutions/<slug>. |
| Sort Order | Thứ tự hiển thị trong pillars_grid. |
| Short Description | Mô tả ngắn 1 dòng trên card. |
| Icon Filename | Tên file icon SVG (vd pillar-ai.svg) — nằm trong /assets/mantistech_web/images/. |
| Hero Image Filename | Ảnh hero cho trang chi tiết (vd hero-ai.svg). |
3. Nội dung chi tiết trang /solutions/<slug>
Khác với Mantis Product (nơi nội dung chi tiết nằm luôn trong DocType), trang
trụ cột chi tiết được render từ template tĩnh www/solutions/<slug>.html
kết hợp block-based content. Các phần có thể edit:
3.1. Qua Inline Editor trên chính trang (khuyến nghị)
- Truy cập
/solutions/ai(hoặc iot/erp/hardware) với tư cách Content Editor. - Bật Inline Editor → sửa trực tiếp Hero title, Overview, Key Features, Use Cases, Business Benefits, CTA.
3.2. Qua Desk: các bảng con của Pillar
- Mantis Pillar Feature — Key Features hiển thị trong block
pillar_features_grid. - Mantis Pillar Benefit — Business Benefits hiển thị trong
pillar_benefits_list. - Mantis Pillar Use Case — Use Cases hiển thị trong
pillar_use_cases_grid.
Các bảng này là Child Table của Pillar. Vào /app/mantis-pillar/AI (hoặc IoT/ERP/Hardware)
→ scroll đến section tương ứng → Add Row → điền → Save.
4. Trang tổng /solutions
Trang /solutions/index.html hiển thị 4 card Pillar dưới dạng pillars_grid_lg.
Dữ liệu tự đọc từ Mantis Pillar, nên chỉ cần sửa Mantis Pillar → thay đổi xuất hiện ngay.
5. Thêm trụ cột thứ 5 (ví dụ "Data & Analytics") 🛡️
Chỉ làm khi có yêu cầu chính thức từ PM. Thêm pillar mới đòi hỏi:
- Tạo bản ghi Mantis Pillar mới (Pillar Name:
Data & Analytics, Slug:data-analytics). - Chuẩn bị 2 file ảnh:
pillar-data-analytics.svg(icon) vàhero-data-analytics.svg(hero). - Tạo file template
www/solutions/data-analytics.htmlvà.py(clone từai.html/ai.py). - Thêm các bản ghi con (Feature, Benefit, Use Case).
- Publish và kiểm tra route.
Các bước 3 và kiểm tra SEO thường cần dev hỗ trợ — hãy phối hợp trước.
6. Liên kết sản phẩm theo trụ cột
Khi tạo Mantis Product, trường Pillar bắt buộc chọn 1 trong các trụ cột. Điều này quyết định:
- Sản phẩm xuất hiện ở block
pillar_products_gridcủa trang trụ cột tương ứng. - Filter tab trên
/products.
7. Kiểm tra sau khi sửa
- Xem
/solutions— 4 card hiển thị đúng tên, icon, sort order. - Vào từng
/solutions/<slug>— Hero, Features, Benefits, Use Cases đầy đủ. - Vào
/products→ click tab filter của trụ cột → thấy sản phẩm tương ứng. - Kiểm tra block
pillars_gridtrên Home vẫn đúng.