Header và footer

Đầu trang trang web là phần trên cùng của trang web và thường chứa các yếu tố như logo, menu, thanh tìm kiếm, nút đăng nhập/tài khoản khách hàng, v.v. Chân trang được hiển thị ở cuối trang web và thường chứa thông tin như chi tiết liên hệ, liên kết, thông báo pháp lý và các tùy chọn khác.

Thiết kế đầu trang

Để sửa đổi thiết kế của đầu trang, hãy nhấp vào Edit, sau đó nhấp vào đầu trang. Các tùy chọn sau có sẵn trong phần Header của tab Customize trong trình chỉnh sửa trang web:

  • Chọn Template từ menu thả xuống.

  • Chọn cài đặt Background để thay đổi bảng màu thông qua các Theme styles khác nhau, tùy chọn màu Custom và tùy chọn Gradient.

  • Khi thêm Border vào đầu trang, có thể xác định kích thước, kiểu dáng và màu sắc của nó.

  • Điều chỉnh Round corners cho phù hợp với thiết kế.

  • Thêm Shadow và xác định Color, Offset, BlurSpread của nó.

  • Thêm Scroll Effect. Di chuột qua một hiệu ứng để xem trước nó.

  • Chọn Header Position giữa Regular, HiddenOver The Content. Khi chọn Over The Content, bạn có thể tùy chỉnh BackgroundText Color.

  • Hiển thị hoặc ẩn Elements như văn bản, thanh tìm kiếm, nút Sign in, liên kết mạng xã hội, nút Contact us và logo.

Để hoàn tất thay đổi, nhấp vào Lưu.

Mẹo

Để ẩn tiêu đề, nhấp vào Chỉnh sửa, nhấp vào tiêu đề và đi đến tab Chủ đề của trình chỉnh sửa trang web. Cuộn xuống phần Nâng cao và bật/tắt công tắc Hiển thị Tiêu đề để ẩn/hiện tiêu đề.

Nội dung tiêu đề

Menu tổ chức nội dung tiêu đề và giúp người dùng điều hướng qua các trang web một cách hiệu quả. Menu thân thiện với người dùng và có cấu trúc tốt cũng đóng vai trò quan trọng trong việc cải thiện thứ hạng trên công cụ tìm kiếm.

Thêm mục menu

Theo mặc định, các trang được thêm vào menu dưới dạng mục menu thả xuống khi chúng được tạo. Để thêm mục menu mới, thực hiện các bước sau:

  1. Đi đến Website ‣ Site ‣ Menu Editor.

  2. Trong trình chỉnh sửa menu, nhấp vào Thêm Mục Menu.

  3. Trong cửa sổ bật lên, nhập Tên để hiển thị trong menu.

  4. Nhập / vào trường URL hoặc Email để tìm kiếm trang trên trang web của bạn hoặc # để tìm kiếm điểm neo tùy chỉnh hiện có.

  5. Nhấp vào OK.

  6. Chỉnh sửa cấu trúc menu nếu cần, sau đó Lưu.

Menu chính

Menu siêu cấp tương tự như menu thả xuống, nhưng thay vì danh sách các menu con đơn giản, chúng hiển thị một bảng điều khiển được chia thành các nhóm tùy chọn điều hướng. Điều này khiến chúng phù hợp với các website có lượng nội dung lớn hoặc website thương mại điện tử, vì chúng có thể bao gồm tất cả các trang web hoặc danh mục thương mại điện tử trong menu trong khi vẫn hiển thị tất cả các mục menu cùng một lúc.

Mega menu trong thanh điều hướng.

Để tạo mega menu, chuyển đến Website ‣ Trang web ‣ Trình chỉnh sửa menu và nhấp Thêm mục Mega Menu. Nhập Tên của mega menu trong cửa sổ bật lên, nhấp OK, sau đó Lưu.

Để điều chỉnh các tùy chọn và nội dung của mega menu, nhấp vào một mục mega menu trong tiêu đề, sau đó nhấp Chỉnh sửa. Mega menu bao gồm các khối xây dựng, có nghĩa là bạn có thể tùy chỉnh từng thành phần riêng lẻ. Ví dụ:

  • Chỉnh sửa văn bản trực tiếp trong khối xây dựng.

  • Chỉnh sửa URL của mục menu bằng cách chọn mục menu và nhấp nút Chỉnh sửa liên kết trong cửa sổ xem trước nhỏ. Nhập / để tìm kiếm một trang trên website của bạn, hoặc # để tìm kiếm một neo tùy chỉnh hiện có.

    Chỉnh sửa tùy chọn mega menu.
  • Di chuyển mục menu bằng cách kéo và thả khối liên quan đến vị trí mong muốn trong mega menu.

  • Xóa mục menu bằng cách xóa khối liên quan.

Để điều chỉnh bố cục tổng thể của mega menu, chuyển đến tab Tùy chỉnh của trình chỉnh sửa website, sau đó, trong phần Mega Menu:

  • Chọn một Mẫu.

  • Chọn Kích thước: Toàn chiều rộng hoặc Hẹp.

Để hoàn tất thay đổi, nhấp vào Lưu.

Ẩn mục menu động cho người dùng chưa đăng nhập

Để ẩn mục menu động (tức là mục menu được Odoo tạo tự động, ví dụ: khi bạn cài đặt một ứng dụng hoặc mô-đun, chẳng hạn như Events, Courses, v.v.) cho người dùng chưa đăng nhập, hãy làm theo các bước sau:

  1. Enable developer mode.

  2. Đi tới Website ‣ Configuration ‣ Menus.

  3. Mở rộng danh sách menu cho trang web liên quan nếu cần, sau đó nhấp vào mục menu mà bạn muốn ẩn.

  4. Trong phần Visible Groups, nhấp vào Add a line bên dưới Group Name.

  5. Tìm kiếm nhóm User types / Portal, chọn nhóm đó, sau đó nhấp vào Select.

  6. Lưu.

Mẹo

Để ẩn mục menu Shop, restrict ecommerce access to logged-in users.