III. Xây Dựng Trang Web Bán Tablet Trên Localhost
3.5. Tạo MainMenu (Menu Chính) Cho Website
Đăng nhập vào trang quản trị chọn Menus -> Main Menu -> Add New Item. Trang thêm menu item hiện lên. Mộ số tham số chính trong trang này như sau:
Menu Item Type: Chọn loại menu item, có thể là component, URL, Alias, Separator.
Menu Title: Tiêu đề của menu item, được hiển thị trên thanh menu.
Status: cho biết trạng thái của menu item có thể là Published, Unpublished, Trashed
Access: Chỉ đinh các đối tượng được phép nhìn thấy menu item này Menu Location: Chỉ định menu sẽ chứa menu item này.
Parent Item: Chỉ định menu item cha.
38 một menu.
Ở đây ta sẽ tạo ra một số menu item của menu chính như sau:
Trang chủ: trang Frontend của virtuemart. Trang này sẽ trình bày các sản phẩm của chúng ta.
Khách hàng: trang này chứa các thông tin của khách hàng
Giới thiệu: giới thiệu về website, các sản phầm, tiêu chí kinh doanh
Liên hệ: Cho phép người dùng gửi ý kiến, liên hệ với người quản trị website
Trang Chủ
Menu Item Type chọn Virtuemart Front Page, Menu Title điền “Trang Chủ” các tham số khác để mặc định.
39 Menu Item Type chọn User Profile, Menu Title điền “Khách Hàng” các tham số khác để mặc định.
Giới Thiệu
Mục đích của trang này là giới thiệu về website, vì thế trước khi tạo ra menu item này chúng ta phải tạo ra một bài viết để giới thiệu về website để liên kết tới menu item.
Tạo một bài viết mới bằng cách Click Content -> Article Manager -> Add New Article. Một số tham số quan trọng như
Title: tiêu đề của bài viết điền Category: thể loại bài viết Article Text: nôi dung bài viết.
Tiến hành điến đầy đủ thông tinh và click Save để tạo ra bài viết giới thiệu về website
Quay trở lại trang tao menu item:
Menu Item Type chọn Single Article, Menu Tile điền “Giới Thiệu” Select Article (cột bên phải): chọn bài viết chúng ta vừa mới tạo
Liên Hệ
Trước khi tạo menu item Liên Hệ chúng ta cần phải tạo ra một component Contacts bằng cách đi tới Components -> Contacts -> Contacts -> New. Trong trang này có một số thông tin cần chú ý sau:
Trong khu vực New Contact Name: tên của contact Category: loại contact
40 Tab Contact Detail: Thông tin liên lạc
Image: hình anh đại diện Position: vị trí liên hệ Email: địa chỉ email liên hệ Address: địa chỉ liên hệ Và một số thông tin khác
Điền đầy đủ các thông tin để khách hàng liên hệ click Save để khởi tạo contact. Quay trở lại trang tạo menu item:
41 Menu Item Type: chọn Single Contact, Menu Title điền “Liên Hệ”, Single Contact (cột bên phải) chọn component contact chúng ta vừa tạo.
Vậy là chúng ta đã tạo xong các menu item cho menu chính. Bây giờ chúng ta sẽ cần một module để hiển thị menu này lên website:
Click Extensions -> Module Manager -> IceMageMenu Module (chúng ta đã cài đặt sẵn khi cài template)
Trang cấu hình module hiện ra, tiến hành tùy chỉnh một số các tham số như sau: Position chọn mainmenu (it_theshop)
Status chọn Published
Module Assignment chọn On All Page Select Menu chọn Main Menu
42