Tai lieu-thiet-ke-web-15-joomla

Dịch vụ thiết kế website – Dịch Vụ Seo Website Joomla
Fan Page: https://www.facebook.com/dichvuthietkewebgiare
Website: Website: http://joomlahcm.com
THIẾT KẾ WEB VỚI JOOMLA
Bước 01. Cài đặt Joomla
- Giải nén gói cài đặt

- Đổi tên thư mục và copy thư mục vào thư mục www của Appserv
- Mở trình duyệt gõ http://localhost/dienthoai
- Click button Next

- Click Next

- Nhập thông tin host, user name và password của hệ quản trị cơ sở dữ liệu MySQL
- Chọn No, Click Next

- Nhập thông tin: Site name, Email, mật khẩu để vào trang quản trị của website, Nếu không Install dữ liệu
mẫu thì không click vào button “Install Sample Data” . Ở đây ta không click cài đặt dữ liệu mẫu. Click
button Next

- Click Ok
- Xóa thư mục Installation. Sau đó, click button Site để kiểm tra kết quả cài đặt

- Thực hiện đổi tên hoặc xóa thư mục
- Kiểm tra site gõ: http://localhost/dienthoai

- Mở trình duyệt gõ: http://localhost/dienthoai/administrator để kiểm tra phần quản trị
- Nhập User name và mật khẩu quản trị

Bước 02. Cài đặt template
- Vào menu Extensions | install/uninstall

- Click button Duyệt (hoặc Browse tùy từng trình duyệt)

- Chọn template cần cài đặt
- Click button Upload File & Install

- Thông báo cài đặt thành công
- Vào menu Extensions | Template Manager

- Click radio JV_Conto | Click button Default
- Gõ http://localhost/dienthoai để kiểm tra lại template đã cài đặt

Bước 03. Cài Component VIRTUEMART cho Joomla
- Vào menu Extensions | Install/Uninstall
- Click button Duyệt (hoặc Browse tùy từng trình duyệt)

- Chọn Component cần cài đặt
- Click button “Go directly the Shop” (nếu ta chọn đây thì không cài đặt dữ liệu mẫu)

- Click Ok
- Kết quả sau khi cài đặt component virtuemart

Bước 04. Cài đặt Module lấy các sản phẩm đã nhập liệu
- Vào menu Extensions | Install/Uninstall
- Click button “Duyệt” (hoặc “Browse” tùy từng trình duyệt). Chọn module cần cài đặt. Sau đó,
click button “Upload Files and Install”

- Vào menu Extensions | Module Manager để kiểm tra lại

Bước 05. Cấu hình cho virtuemart
- Vào menu Components | Virtuemart , Sau đó click vào Store
- Cấu hình thông tin cho Store
- Cấu hình thông tin cho phần liên hệ ( phần thông tin này được hiển thị khi bạn dùng Joomla để
gửi mail cho khách hàng

- Cấu hình đơn vị
Bước 06. Tạo Nhóm sản phẩm

- Vào menu Components | Virtuemart, Click link Add Category
- Nhập và chọn các thông tin theo hình, Click button Save
Bước 07. Nhập liệu cho một sản phẩm

- Click vào Extended Layout để thay đổi giao diện làm việc của virtuemart
- Vào menu Product | Add Product

- Nhập thông tin và thiêt lập tùy chọn cho sản phẩm
- Nhập thông tin cho phần mô tả sản phẩm

- Nhập thông tin cho phần trạng thái sản phẩm, nếu sản phẩm đó là đặc biệt thì check vào ô
vuông Special

- Chọn hình ảnh cho sản phẩm

- Click button Save. Tiếp tục nhập thêm sản phẩm để test dữ liệu (khoảng 8 sản phẩm)

Bước 08. Cấu hình module jwm_catpro để hiển thị sản phẩm
- Nhập và chọn các thông tin như hình, Sau đó lưu lại.
- Kiểm tra lại: http://localhost/dienthoai

- Click vào chi tiết một sản phẩm, ta thấy phần giao diện chi tiết không được như ý muốn. Giải
quyết lỗi này ta tiếp tục Bước 9

Bước 09. Cấu hình theme cho VM
- Copy thư mục jv-shop
- Dán vào thư mục đó vào thư mục /www/dienthoai/components/comvirtuemart/themes
(lưu ý đúng đường dẫn)

- Trở lại phần cấu hình: vào menu Admin | Configuration
- Chọn tab Site, chọn them là jv-shop. Save lại

- Kiểm tra lại sản phẩm chi tiết

Bước 10. Cài module lấy các nhóm sản phẩm ( trong dữ liệu có bao nhiêu categoty, thì
mỗi category là 1 menu)
- Tương tự như các bước đã làm, ta chọn module cài đặt như hình
- Click button Upload File & Install

- Vào menu Extensions | Manager Module. Click Edit module, cấu hình lại thông tin theo hình

- Kiểm trả tra lại : gõ http://localhost/dienthoai

- Tiếp tục nhập các Category còn lại theo như hình

- Kiểm tra sau khi nhập thêm Category

Bước 11. Cài đặt module Giỏ hàng
- Chọn module cần cài đặt
- Click vào link để Edit module

- Cấu hình thông tin cho module theo như hình
- Kết quả sau khi cài đặt

- Kết quả giỏ hàng sau khi Click button Add Cart ở một sản phẩm
Bước 12. Cài đặt module headline
- Chọn module cần cài đặt
- Vào menu Extensions | Module Manager kiểm tra module cài đặt chưa?

- Tạo secion tên là Headline: Vào menu Content | Section Manager, Click button New
- Nhâp thông tin như hình

- Vào menu Content | Category Manager
- Nhập thông tin category như hình, và chọn Section là Headline

- Vào menu Content | Article Manager , click button New
- Click button Image, chọn file ảnh cần upload, Upload ảnh

- Chọn ảnh cho bài viết, Click button Insert
- Nhập các thông tin còn lại cho bài viết, click Save

- Tiếp tục cập nhật 5 bài tương tự. ta có kết quả sau

- Vào menu Module | Manager , Edit module Headslide theo như hình

- Kiểm tra lại gõ: http://localhost/dienthoai

Bước 13. Cài module sản phẩm đặc biệt
- Chọn module cài đặt theo như hình
- Click Edit module

- Nhập thông tin cho module theo như hình
- Kiểm tra lại : http://localhost/dienthoai

Bước 14. Tạo menu Sản phẩm
- Vào menu: Menus | Manager, Click vào biểu tượng Menu Items của Main Menu
- Click button New
- Chọn link Virtuemart

- Nhập thông tin cho menu item (Category ID =0 là hiển thị tất cả các sản phẩm của category
product, nếu bạn muốn chỉ định category Nokia thì nhập id của category này vào)

- Kiểm tra lại: http://localhost/dienthoai
Bước 15. Tạo menu Tin Tức
- Tương tự như menu sản phẩm, nhưng thay đổi ở bước này : chọn Artices chứ không chọ
Virtuemart

- Chọn Artice layout

- Nhập thông tin cho menu
- Chọn bài viết cho menu. Nội dung bài viết sẽ được hiện ra nếu bạn click vào menu tin tức

- Tương tự như thế, Các bạn tiếp tục tạo các menu còn lại

THE END
CHÚC CÁC BẠN THÀNH CÔNG

Tai lieu-thiet-ke-web-15-joomla

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to Tai lieu-thiet-ke-web-15-joomla

Similar to Tai lieu-thiet-ke-web-15-joomla (20)

Tai lieu-thiet-ke-web-15-joomla