Tài liệu Thủ Thuật Thiết Kế Web Với Joomla 1.0x và 1.5x part 39 docx

Thiết Kế Web Với Joomla 1.0x & 1.5x Cách làm trang Web bán hàng với Joomla! VirtueMart Bán hàng trực tuyến chủ đề Web Site nhiều người quan tâm Bài hướng dẫn cách trình bày trang Web bán hàng bán hàng trực tuyến với Joomla! VirtueMart VirtueMart (VM) thành phần mở rộng cho Joomla! tải sử dụng miễn phí trang Web: http://virtuemart.net/ Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Có nhiều gói cài đặt dành cho người dùng khác nhau, nhiên sử dụng lần đầu nên chọn gói eCommerce gói tích hợp sẵn Joomla! VirtueMart phiên Joomla! 1.0.x eCommerce Bundle bao gồm phiên Joomla! 1.0.x tích hợp thêm Component VirtueMart, Module hiển thị sản phẩm Mambot Nếu có cài sẵn Joomla! 1.0.x tải gói cài đặt Complete Package for Joomla! 1.0.x/Mambo gói cài đặt có Component Module VM Tải thêm Gói cài đặt ngơn ngữ cho VM có File vietnamese.php để hỗ trợ hiển thị ngôn ngữ tiếng Việt cho VM, File hỗ trợ ngôn ngữ Việt phần Back-End (admin) Front-End Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Cài đặt:   Nếu sử dụng gói cài đặt Joomla! 1.0.x eCommerce Bundle bước cài đặt bình thường Joomla! 1.0.x Nếu sử dụng gói cài đặt Complete Package for Joomla! 1.0.x/Mambo việc cài đặt tiến hành theo bước sau: Giải nén gói cài đặt Component VirtueMart, Module hiển thị sản phẩm Mambot Cài đặt Component VirtueMart cách dùng lệnh Installers -> Components Sau cài xong xuất thông báo việc cài đặt bước đầu thành công Tiếp theo phải chọn hai lựa chọn:    Go directly to the Shop: Để bắt đầu cấu hình cho VM mà khơng có liệu mẫu Install SAMPLE DATA: Để chọn cài đặt liệu mẫu cho VM, lần sử dụng VM nên chọn lựa chọn để tham khảo cách làm việc VM, sau sửa liệu mẫu tùy ý Sau chọn xuất cảnh báo VM, nhấn OK để đồng ý Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Tiếp tục cài đặt Module Mambot VM cách dùng lệnh Installers -> Modules Sau Module Mambot phải Published sử dụng Cài đặt sử dụng VM giống Component khác, sau cài đặt cấu hình cho VM phải sử dụng chức tạo Menu quản lý Module Joomla! để hiển thị chức sản phẩm VM trang chủ (Frontpage) Cài đặt ngôn ngữ Việt:  Sau cài đặt xong VM, giải nén gói cài đặt ngơn ngữ cho VM tải Copy File vietnamese.php vào thư mục administrator\components\com_virtuemart\languages, File ngôn ngữ hỗ trợ cho VM hiển thị tiếng Việt phần quản lý (Admin) trang Web (Site) Lưu ý:  Để hiển thị ngơn ngữ Việt cho VM Joomla! phải cài đặt chọn ngôn ngữ Việt mặc định Xem thêm bài: Cài đặt ngôn ngữ tiếng Việt cho Joomla! 1.0.x Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  File tiếng Việt VM phải có tên giống File tiếng Việt Joomla! Nếu khác phải đổi tên File tiếng Việt VM Cấu hình VirtueMart: Login vào Admin, chọn Components -> VirtueMart để vào phần quản lý VM Mặc nhiên VM thiết lập thông số để hoạt động, nhiên muốn thiết lập lại theo ý thơng qua trình đơn phần quản lý VM, phần Việt hóa gần hết nên thuận tiện việc sử dụng Các Nút lệnh bảng điều khiển: Danh sách sản phẩm: Danh sách sản phẩm có hàng, nhấn nút Thêm để tạo sản phẩm Các thông số cần lưu ý: Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x     Trong Thông tin sản phẩm -> Các nhóm sản phẩm: Chọn nhóm để chứa sản phẩm, chọn nhiều nhóm cách giữ phím Ctrl nhấn chuột vào tên nhóm Trong Trạng thái sản phẩm -> Đặc biệt: Đánh dấu sản phẩm đặc biệt (khuyến mãi, giảm giá, ), sản phẩm đánh dấu xuất Module Featured Products Trong Ảnh sản phẩm: Chọn ảnh đại diện cho sản phẩm, nhấn Browse để chọn ảnh nhập địa ảnh mục URL Những sản phẩm liên quan: Chọn sản phẩm liên quan để giới thiệu kèm theo với sản phẩm này, chọn nhiều sản phẩm cách giữ phím Ctrl nhấn chuột vào tên sản phẩm Cây nhóm sản phẩm: Danh sách nhóm sản phẩm loại, nhấn nút Thêm để tạo nhóm chứa sản phẩm loại Các thơng số cần lưu ý: Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x     Nhóm cấp trên: Chọn Top Level để tạo nhóm chọn tên nhóm để tạo nhóm phụ nhóm Category Browse Page: Chọn dạng hiển thị cho nhóm sản phẩm cách nhập tên dạng hiển thị có sẵn VM: browse_1, browse_2, browse_3, browse_4 Show x products per row: Số sản phẩm hiển thị hàng ngang Trong phần Ảnh: Chọn ảnh đại diện cho nhóm sản phẩm cách nhấn Browse để chọn ảnh nhập địa ảnh mục URL Hóa đơn: Danh sách hóa đơn giao dịch với khác hàng Danh sách phương thức toán: Muốn chọn phương thức toán giao nhận hàng chọn kiểu tốn Danh sách phương thức tốn (hình đây), tạo thêm phương thức khác tùy ý cách dùng chức Thêm phương thức toán Đại lý: Danh sách đại lý Khách hàng: Danh sách khách hàng Thiết lập chung: Thiết lập thơng số cho VM Nếu muốn giới thiệu sản phẩm bỏ chức mua hàng VM cách đánh dấu vào ô Hủy chức làm việc giỏ hàng Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Thiết lập hiển thị trang: Hiện/ẩn nút in PDF Trang mặc định hiển thị thông tin sản phẩm Trang mặc định trình bày sản phẩm nhóm (Category), trang nằm thư mục /administrator/components/com_virtuemart/html/templates/brow Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x se/, thay đổi tên thành (browse_1, browse_2, browse_2, browse_3, browse_4, browse_5), sửa lại tạo tùy ý Hiện/ẩn trang danh sách sản phẩm Chọn xếp sản phẩm theo thứ tự mặc định Các lựa chọn xếp cho phép Hiện/ẩn số lượng sản phẩm Chọn số sản phẩm muốn hiển thị hàng Chọn hình ảnh mặc định cho sản phẩm khơng có hình 10 Hiện/ẩn Logo VirtueMart nằm phía cuối trang Thiết lập trình bày trang: Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Thông tin cửa hàng:  Thiết lập thông tin cho cửa hàng (trang Web), thông tin liên hệ với khách hàng, Logo (bảng hiệu) cửa hàng, đơn vị tiền tệ, cách hiển thị tiền tệ, giới thiệu hàng (tren Web), điều khoản dịch vụ (qui định)  Hiển thị đơn tiền đồng Việt Nam theo dạng 1.000.000,00đ cách thiết lập thơng số hình đây:  Nếu VM giá trị tiền lớn (>triệu) sửa cách truy cập vào Database (cơ sở liệu) Joomla! tìm đến bảng jos_vm_product_price Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Sửa giá trị product_price thành số lớn (thí dụ: 15,2) nhấn Save Tạo Menu cho VM: Hiển thị sản phẩm chức bán hàng VM cách tạo Menu cho VM giống tạo Menu khác Joomla! Vào Menu -> Mainmenu -> New -> Component -> Next -> Đặt tên cho Menu chọn VirtueMart mục Component Có thể tạo nhiều Menu cho VM, muốn cho Menu VM làm Trang chủ chuyển Menu lên (vị trí 1) Mặc nhiên Menu VM hiển thị nhóm sản phẩm, muốn có kiểu trình bày sản phẩm đa dạng phải sử dụng thêm Module kèm theo VM Lưu ý Module có thiết lập thơng số riêng tùy theo nhu cầu sử dụng vài Module, không thiết phải sử dụng toàn Module muốn sử dụng phải Publish cịn Module khơng muốn sử dụng UnPublish Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Các Module VM:           mod_product_categories: Hiển thị nhóm sản phẩm mod_productscroller: Hiển thị sản phẩm hiệu ứng cuộn (các sản phẩm chạy lên) mod_virtuemart_cart: Hiển thị trạng thái giỏ hàng mod_virtuemart_manufacturers: Hiển thị danh sách hảng sản xuất cho khách hàng chọn lựa mod_virtuemart_search: Công cụ hỗ trợ khách hàng tìm kiếm sản phẩm mod_virtuemart_featuredprod: Hiển thị sản phẩm bật, đặc biệt Các sản phẩm muốn hiển thị Module phải đánh dấu Đặc biệt mod_virtuemart_latestprod: Hiển thị sản phẩm mod_virtuemart_randomprod: Hiển thị sản phẩm ngẫu nhiên mod_virtuemart_topten: Hiển thị sản phẩm bán chạy mod_virtuemart_allinone: Hiển thị Module (latestprod, featuredprod, topten, randomprod) thành Module dạng Tab Việc lựa chọn Template vị trí hiển thị Module thích hợp làm cho trang Web bán hàng bạn chuyên nghiệp Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Thay đổi cách trình bày trang sản phẩm cách nhập tên File Browse phần Category Browse Page, File nằm thư mục administrator/components/com_virtuemart/html/templates/browse/ sửa lại File tạo thêm file khác muốn Lưu ý:  Nếu gặp trường hợp VM hay lên bảng Login thao tác Admin, lỗi Session Joomla! 1.0.13 Khắc phục lỗi cách nâng cấp Joomla! lên phiên tải gói Joomla! 1.0.13 Admin Session Fix để sửa lỗi, giải nén File gói Copy đè lên File tương ứng có sẵn Joomla! đơn giản cần giải nén nguyên gói vào thư mục gốc cài đặt Joomla! Khi Copy giải nén vào thư mục Joomla! phải xuất thông báo cho phép chép đè (OverWrite) đúng, chọn Yes (Ok) để đồng ý Collection by traibingo at buaxua.vn ... trang Thiết lập trình bày trang: Collection by traibingo at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Thông tin cửa hàng:  Thiết lập thông tin cho cửa hàng (trang Web) , thông tin liên hệ với. .. buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x Cài đặt:   Nếu sử dụng gói cài đặt Joomla! 1.0.x eCommerce Bundle bước cài đặt bình thường Joomla! 1.0.x Nếu sử dụng gói cài đặt Complete Package for Joomla! ... at buaxua.vn Thiết Kế Web Với Joomla 1.0x & 1.5x  File tiếng Việt VM phải có tên giống File tiếng Việt Joomla! Nếu khác phải đổi tên File tiếng Việt VM Cấu hình VirtueMart: Login vào Admin, chọn