Hướng dẫn cách chỉnh sửa nội dung, giao diện trang

DOCS

1. Đăng nhập vào hệ thống

Truy cập trang đăng nhập của hệ thống. Tại đây, bạn sẽ thấy các trường để nhập Tên đăng nhập hoặc Email và Mật khẩu.
Nhập thông tin tài khoản của bạn vào các trường tương ứng, sau đó nhấn nút Đăng nhập để truy cập hệ thống.

2.Truy cập vào phần chỉnh sửa nội dung
- Sau khi đăng nhập thành công, bạn sẽ được đưa đến trang quản trị của hệ thống.
- Quay lại trang cần sửa, bạn sẽ thấy thanh điều hướng header với các mục như Trang quản trị và Sửa nội dung này.
- Nhấn vào Sửa nội dung này để bắt đầu chỉnh sửa trang mà bạn muốn thay đổi.
3. Chỉnh sửa nội dung
Khi bạn vào chế độ chỉnh sửa, trang sẽ hiển thị các mục cần chỉnh sửa. Bạn có thể thay đổi văn bản, thêm hoặc xóa các phần tử trang, hoặc thay đổi cấu trúc của nội dung.
Hướng dẫn chỉnh sửa ảnh
Bước 1: Chọn ảnh cần chỉnh sửa
Di chuột tới khu vực có ảnh cần thay → nhấn vào ảnh .
Bước 2: Xóa ảnh cũ
Ở phần Nội dung → Hình ảnh, nhấn vào dấu X màu đỏ để xóa ảnh cũ.
Bước 3: Chọn ảnh mới
Nhấn vào nút Chọn ảnh.
Cửa sổ Thư viện phương tiện sẽ hiện ra.
Bước 4: Tải ảnh lên (nếu ảnh chưa có trong thư viện)
Nhấn nút Tải lên (Upload).
Chọn file ảnh từ máy tính → hệ thống sẽ tải ảnh vào thư viện.
Bước 5: Chèn ảnh mới
Chọn ảnh trong thư viện (ảnh sẽ có viền xanh và dấu tick).
Kiểm tra thông tin bên phải (tên ảnh, URL, định dạng).
Nhấn nút Chèn để thay thế ảnh mới.
Bước 6: Thêm liên kết (nếu cần)
Tích chọn Thêm liên kết.
Nhập đường dẫn vào ô Liên kết .
Có thể chọn Mở trong tab mới nếu muốn.

Hướng dẫn cấu hình Box Sản phẩm theo danh mục

Box sản phẩm giúp hiển thị danh sách các sản phẩm theo danh mục hoặc tiêu chí sắp xếp. Bạn có thể tùy chỉnh theo nhu cầu bằng các bước sau:

Giới hạn sản phẩm
- Giới hạn: Nhập số lượng sản phẩm tối đa hiển thị trong box.
  Ví dụ: nhập 5 → box chỉ hiển thị 5 sản phẩm.
Sắp xếp hiển thị
- Sắp xếp: Chọn cách sắp xếp sản phẩm:
  - Giá thấp đến cao
  - Giá cao đến thấp
  - Thứ tự nhỏ đến lớn
Kích thước ảnh
- Kích thước ảnh: Lựa chọn tỷ lệ hiển thị hình ảnh sản phẩm:
  - Full width
  - large
  - medium
  - small
Chọn sản phẩm hiển thị
- Ô tìm kiếm: Có thể nhập tên sản phẩm để chọn trực tiếp.
- Khi chọn sản phẩm cụ thể, box sẽ ưu tiên hiển thị sản phẩm đó và bỏ qua cấu hình danh mục.
Chọn danh mục
- Chọn danh mục để box tự động lấy danh sách sản phẩm từ danh mục đó.
Loại trừ danh mục
- Tick chọn các danh mục cần loại trừ → sản phẩm trong các danh mục đó sẽ không hiển thị.

Hướng dẫn cấu hình Slide (Banner trình chiếu)

Slide dùng để hiển thị banner quảng cáo hoặc hình ảnh nổi bật ở đầu trang, có thể thêm nhiều mục để chuyển đổi tự động.

Hiển thị trang trình bày
- Chọn số lượng slide hiển thị trên màn hình.
- Ví dụ: nhập 1 → mỗi lần chỉ hiển thị 1 hình.
- Khoảng cách giữa các mục
  - Nhập khoảng cách (px) giữa các slide.
  - Ví dụ: nhập 10 → có khoảng trống 10px giữa các ảnh.
Quản lý các mục (Slide item)
- Mỗi mục (slide) là một ảnh hiển thị. Với mỗi mục, bạn cấu hình:
- Chọn ảnh: Upload hoặc chọn ảnh muốn hiển thị trong slide.
- Tiêu đề (không bắt buộc): Nhập nội dung tiêu đề hiển thị trên banner.
- Mô tả (không bắt buộc): Thêm nội dung mô tả ngắn.
Liên kết (nếu cần)
- Tick chọn Thêm liên kết để biến banner thành nút bấm dẫn đến trang khác.
- Liên kết: Nhập URL cần chuyển tới (VD: link sản phẩm, danh mục, landing page).
- Tiêu đề liên kết: Văn bản của nút bấm (VD: “Mua ngay”, “Xem thêm”).
- Kiểu nút bấm: Chọn style hiển thị của nút.
Thêm nhiều slide
- Nhấn + Thêm mục để thêm banner mới.
- Có thể thêm nhiều slide, hệ thống sẽ tự động chạy trình chiếu.

Hướng dẫn thay đổi nội dung Text

Chọn khối nội dung
- Di chuột vào phần text muốn chỉnh sửa trên giao diện website.
- Nhấp vào khối nội dung (ví dụ: tiêu đề "Join Our Newsletter!").
Mở tab Nội dung
- Ở cột bên trái, chọn tab Nội dung.
- Trong ô soạn thảo, bạn sẽ thấy phần text hiện tại (ví dụ: Join Our Newsletter!).
Thay đổi nội dung
- Xóa hoặc chỉnh sửa nội dung theo ý muốn.
Chọn loại thẻ (nếu cần)
- Loại thẻ: chọn thẻ hiển thị (H1, H2, H3, P…) để định dạng tiêu đề hay đoạn văn.
  - H1/H2: Tiêu đề lớn, nổi bật.
  - P: Văn bản thường.
5. Thêm liên kết (tùy chọn)
- Tick Thêm liên kết nếu muốn gắn link cho đoạn text.
- Nhập đường dẫn và tiêu đề liên kết.