5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 1/10

Cách làm trang Web bán hàng v i Joomla! và VirtueMartớ

Bán hàng tr c tuy n c ng là m t trong nh ng ch Web Site c nhi u ng i quan tâm. Bài này s h ng d n cách tr ình bày m t trangự ế ũ ộ ữ ủ đề đượ ề ườ ẽ ướ ẫ ộ  

Web bán hàng bán hàng tr c tuy n v i Joomla! và VirtueMart.ự ế ớ

VirtueMart (VM) là thành ph n m r ng cho Joomla! c t i v và s d ng mi n phí t i trang Web:ầ ở ộ đượ ả ề ử ụ ễ ạ  http://virtuemart.net/

Có nhi u gói cài t dành cho các ng i dùng khác nhau, tuy nhiên n u m i s d ng l n u nên ch nề đặ ườ ế ớ ử ụ ầ đầ ọ gói eCommerce vì các gói này ãđ  

c tích h p s n Joomla! và VirtueMart phiên b n m i nh t.đượ ợ ẵ ả ớ ấ

Joomla! 1.0.x eCommerce Bundle bao g m phiên b nồ ả  Joomla! 1.0.x ã c tích h p thêmđ đượ ợ  Component VirtueMart, các Module hi nể  

thị s n ph mả ẩ và các Mambot.

N uế ã có cài s nđ ẵ  Joomla! 1.0.x thì có th t iể ả gói cài tđặ  Complete Package for Joomla! 1.0.x/Mambo gói cài t này chđặ ỉ có Component

và các Module c a VM.ủ

T i thêmả  Gói cài t ngôn ng cho VMđặ ữ   trong ó có Fileđ  vietnamese.php h tr hi n th n gôn ngđể ỗ ợ ể ị ữ ti ng Vi tế ệ cho VM, File này h trỗ ợ 

ngôn ng Vi tữ ệ c ph nở ả ầ  Back-End (admin) và Front-End.

Ngoài ra có th t i các phiên b n khác và tài li u v VirtueMart t i âyể ả ả ệ ề ạ đ .

Cài tđặ :

• N u s d ng gói cài tế ử ụ đặ  Joomla! 1.0.x eCommerce Bundle thì các b c cài t bình th ng nhướ đặ ườ ư Joomla! 1.0.x. Xem thêm

bài: Cài t Joomla! phiên b n 1.0.x trên Localhostđặ ả .

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 2/10

• N uế s d ngử ụ gói cài tđặ  Complete Package for Joomla! 1.0.x/Mambo vi c cài t s ti n hành theo các b c sau:ệ đặ ẽ ế ướ

1. Gi i nén gói cài t này s cả đặ ẽ đượ  Component VirtueMart, các Module hi n th s n ph m và cácể ị ả ẩ  Mambot.

2. Cài tđặ  Component VirtueMart b ng cách dùng l nhằ ệ  Installers -> Components. Sau khi cài xong s xu t hi n thông báo vi c cài tẽ ấ ệ ệ đặ  

b cướ uđầ ãđ thành công.

 

3. Ti p theo ph i ch n m t trong hai l a ch n:ế ả ọ ộ ự ọ

• Go directly to the Shop: Để b tắ uđầ c u hình m i cho VM mà không có b t c d li u m u nào.ấ ớ ấ ứ ữ ệ ẫ

• Install SAMPLE DATA: ch n cài  Để ọ t các dđặ ữ li u m u cho VM, n u l n u tiên s d ng VM thì nên ch n l aệ ẫ ế ầ đầ ử ụ ọ ự ch n nàyọ để 

tham kh o cách làm vi c c a VM, sau ó có th s a các d l i u m u này tùy ý.ả ệ ủ đ ể ử ữ ệ ẫ

• Sau khi ch n s xu t hi nọ ẽ ấ ệ c nh báo c a VM, nh nả ủ ấ  OK ng ý.để đồ

4. Ti p t c cài t cácế ụ đặ  Module và Mambot c a VMủ b ng cách dùng l nhằ ệ  Installers -> Modules. Sau ó các Module và Mambot ph iđ ả  

cđượ  Published thì m i s d ng c.ớ ử ụ đượ

Cài t và s d ng VM c ng gi ng nh các Component khác, cho nên sau khi cài t và c u hình cho VM ph i s d ng các ch c n ngđặ ử ụ ũ ố ư đặ ấ ả ử ụ ứ ă  

t oạ  Menu và qu n lý Module c a Joomla! hi n th các ch c n ng và s n ph mả ủ để ể ị ứ ă ả ẩ c a VM trên trang ch (Frontpage).ủ ủ

Cài t ngôn ng Vi tđặ ữ ệ :

• Sau khi cài t xong VM,đặ  gi i nénả gói cài t ngôn ng cho VM ãđặ ữ đ c t i vđượ ả ề và Copy File vietnamese.php vào thư 

m cụ  administrator\components\com_virtuemart\languages, ây là File ngôn ng h tr cho VM hi n th t i ng Vi t trong ph nđ ữ ỗ ợ ể ị ế ệ ầ  

qu n lý (Admin) và trên trang Web (Site).ả

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 3/10

L u ýư :

• hi n th c ngôn ng Vi t cho VM thì Joomla! ph i c cài t và ch n ngôn ng Vi t là  Để ể ị đượ ữ ệ ả đượ đặ ọ ữ ệ m c nh. Xem thêm bài:ặ đị  Cài tđặ  

ngôn ng ti ng Vi t cho Joomla! 1.0.xữ ế ệ

• File ti ng Vi t c a VM ph i có tên gi ng nh File t i ng Vi t c a Joomla! N u khác thì ph i i tênế ệ ủ ả ố ư ế ệ ủ ế ả đổ File ti ng Vi t c a VM.ế ệ ủ

C u hình VirtueMartấ :

Login vào Admin, ch nọ  Components -> VirtueMart vào ph n qu n lý c a VM.để ầ ả ủ

M c nhiên VM ã c thi t l p các thông s c b n ho t ng, tuy nhiên n u mu n có th thi t l p l i theo ý mình thông qua các tr ìnhặ đ đượ ế ậ ố ơ ả để ạ độ ế ố ể ế ậ ạ  

n trong ph n qu n lý c a VM, ph n này ã c Vi t hóa g n h t nên r t thu n ti n trong vi c s d ng.đơ ầ ả ủ ầ đ đượ ệ ầ ế ấ ậ ệ ệ ử ụ

Các Nút l nh chính trong b ng i u khi nệ ả đ ề ể  :

Danh sách s n ph mả ẩ : Danh sách các s n ph m có trong c a hàng, nh n nútả ẩ ủ ấ  Thêm t o s n ph m m i.để ạ ả ẩ ớ

Các thông s c n l u ýố ầ ư :

• 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, có th ch n nhi u nhóm b ng cách giọ để ứ ả ẩ ể ọ ề ằ ữ 

phím Ctrl và 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 nh ng s n ph m c bi t (khuy n mãi, gi m giá,...), ch nh ng s n ph m  Đ ấ ữ ả ẩ đặ ệ ế ả ỉ ữ ả ẩ  

c ánh d u m i xu t hi n trongđượ đ ấ ớ ấ ệ  Module Featured Products.

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 4/10

• Trong nh s n ph mẢ ả ẩ : Ch n nh i di n cho s n ph m, nh nọ ả đạ ệ ả ẩ ấ  Browse ch n nh ho c nh p a ch c a nh trong m cđể ọ ả ặ ậ đị ỉ ủ ả ụ  URL.

• Nh ng s n ph m l iên quanữ ả ẩ : Ch n nh ng s n ph m liên quan gi i thi u kèm theo v i s n ph m này, có th ch n nhi u s nọ ữ ả ẩ để ớ ệ ớ ả ẩ ể ọ ề ả  

ph m b ng cách gi phímẩ ằ ữ  Ctrl và nh n chu t vào tên s n ph m.ấ ộ ả ẩ

Cây nhóm s n ph mả ẩ : Danh sách các nhóm s n ph m cùng lo i, nh n nútả ẩ ạ ấ  Thêm t o nhóm ch a các s n ph m cùng lo i.để ạ ứ ả ẩ ạ

Các thông s c n l u ýố ầ ư :

• Nhóm c p trênấ : Ch nọ  Top Level t o nhóm chính ho c ch n tên c a m t nhóm t o nhóm ph c a nhóm ó.để ạ ặ ọ ủ ộ để ạ ụ ủ đ

• Category Browse Page: Ch n d ng hi n th cho nhóm s n ph m b ng cách nh p tên c a m t trong 4 d ng hi n th có s n c aọ ạ ể ị ả ẩ ằ ậ ủ ộ ạ ể ị ẵ ủ  

VM: browse_1, browse_2, browse_3, browse_4.

• Show x products per row: S s n ph m hi n th trên m i hàng ngang.ố ả ẩ ể ị ỗ

• Trong ph nầ   nhẢ : Ch n nh i di n cho nhóm s n ph m b ng cáchọ ả đạ ệ ả ẩ ằ nh nấ  Browse ch n nh ho c nh p a ch c a nh trongđể ọ ả ặ ậ đị ỉ ủ ả  

m cụ  URL.

Hóa nđơ  : Danh sách các hóa n giao d ch v i khác hàng.đơ ị ớ

Danh sách ph ng th c thanh toánươ ứ  : Mu n ch n ph ng th cố ọ ươ ứ thanh toán khi giao nh n hàng thì ch n ki u thanh toán nh trongậ ọ ể ư  Danh

sách ph ng th c thanh toánươ ứ (hình d i ây), ho c t o thêm m tướ đ ặ ạ ộ ph ng th cươ ứ khác tùy ý b ng cách dùng ch c n ngằ ứ ă  Thêm ph ngươ  

th c thanh toánứ .

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 5/10

i lýĐạ  : Danh sách các i lý.đạ

Khách hàng: Danh sách khách hàng.

Thi t l p chungế ậ  : Thi t l p các thông s chính cho VM. N u ch mu n gi i thi uế ậ ố ế ỉ ố ớ ệ s n ph m thì có th b ch c n ng mua hàng c a VM b ngả ẩ ể ỏ ứ ă ủ ằ  

cách ánh d u vào ôđ ấ  H y các ch c n ng làm vi c c a gi hàngủ ứ ă ệ ủ ỏ .

Thi t l p hi n th trang:ế ậ ể ị

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 6/10

1. Hi n/ n nút in PDFệ ẩ

2. Trang m c nh khi hi n th thông tin s n ph m.ặ đị ể ị ả ẩ

3. Trang m c nh trình bày s n ph m trong m t nhóm (Category), các trang này n m trong thặ đị ả ẩ ộ ằ ư 

m cụ  /administrator/components/com_virtuemart/html/templates/browse/, có th thay i tên thành (browse_1, browse_2,ể đổ  

browse_2, browse_3, browse_4, browse_5), s a l i ho c t o m i tùy ý.ử ạ ặ ạ ớ

4. Hi n/ n trang danh sách các s n ph m.ệ ẩ ả ẩ

5. Ch n s p x p s n ph m theo th t m c nh.ọ ắ ế ả ẩ ứ ự ặ đị

6. Các l a ch n s p x p c cho phép.ự ọ ắ ế đượ

7. Hi n/ n s l ng c a s n ph m.ệ ẩ ố ượ ủ ả ẩ

8. Ch n s s n ph m mu n hi n th t rong 1 hàng.ọ ố ả ẩ ố ể ị

9. Ch n hình nh m c nh cho các s n ph m không có hình.ọ ả ặ đị ả ẩ

10. Hi n/ n Logo c a VirtueMart n m phía cu i trang.ệ ẩ ủ ằ ố

 

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 7/10

Thi t l p trình bày trang:ế ậ

Thông tin c a hàngử  :

• Thi t l p các 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 c a hàng, n v ti n t ,ế ậ ử ệ ớ ả ệ ủ ử đơ ị ề ệ  

cách hi n th t i n t , gi i thi u v c a hàng (tren Web), i u kho n dch v (qui nh)...ể ị ề ệ ớ ệ ề ủ đ ề ả ị ụ đị

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 8/10

• Hi n thể ị nđơ ti nề ng c a Vi t Nam theo d ngđồ ủ ệ ạ  1.000.000,00đ b ng cách thi t l p các thông s nh trong hình d i ây:ằ ế ậ ố ư ướ đ

• N u VM không th hi n c giá tr ti n l n (>tri u) thì s a b ng cáchế ể ệ đượ ị ề ớ ệ ử ằ t ruy c p vào Database (c s d li u) c a Joomla! tìmậ ơ ở ữ ệ ủ  

n b ngđế ả  jos_vm_product_price

S a giá trử ị c aủ  product_price thành con s l n h n (thí d : 15,2) và nh nố ớ ơ ụ ấ  Save.

T o Menu cho VMạ :

Hi n th các s n ph m vàể ị ả ẩ ch c n ng bán hàngứ ă c a VM b ngủ ằ cách t o Menu cho VM c ng gi ng nh t o các Menu khác trong Joomla! (Xemạ ũ ố ư ạ  

thêm bài Qu n lý Menu trong Joomla! 1.0.xả )

Vào Menu -> Mainmenu -> New -> Component -> Next -> t tên cho Menu và ch n  Đặ ọ VirtueMart trong m cụ  Component. Có th t o nhi uể ạ ề  

Menu cho VM, n u mu n cho Menuế ố c a VMủ làm Trang ch thì chuy n Menu ó lên trên nh t (v trí 1).ủ ể đ ấ ị

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 9/10

M c nhiên Menu c a VM ch hi n th các nhóm s n ph m, n u mu n có các ki u trình bày s n ph m a d ng h n ph i s d ng thêm cácặ ủ ỉ ể ị ả ẩ ế ố ể ả ẩ đ ạ ơ ả ử ụ  

Module c kèm theo VM. L u ý m i Module u có các thi t l p thông s riêng và tùy theo nhu c u có th ch s d ng m t vài Module,đượ ư ỗ đề ế ậ ố ầ ể ỉ ử ụ ộ  

không nh t thi t ph i s d ng toàn b . Module nào mu n s d ng thì ph i cấ ế ả ử ụ ộ ố ử ụ ả đượ  Publish còn Module nào không mu n s d ngố ử ụ  

thì UnPublish.

Các Module c a VMủ :

• mod_product_categories: Hi n th nhóm s n ph m.ể ị ả ẩ

• mod_productscroller: Hi n th các s n ph m b ng hi u ng cu n (các s n ph m l n l t ch y lên).ể ị ả ẩ ằ ệ ứ ộ ả ẩ ầ ượ ạ

• mod_virtuemart_cart: Hi n th tr ng thái c a gi hàng.ể ị ạ ủ ỏ

• mod_virtuemart_manufacturers: Hi n th danh sách các 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 k i m s n ph m.ụ ỗ ợ ế ả ẩ

• mod_virtuemart_featuredprod: Hi n th các s n ph m n i b t, c bi t.ể ị ả ẩ ổ ậ đặ ệ Các s n ph m mu n hi n th trong Module nàyả ẩ ố ể ị  

ph iả cđượ ánh d uđ ấ   c bi t.Đặ ệ

• mod_virtuemart_latestprod: Hi n th s n ph m m i nh t.ể ị ả ẩ ớ ấ

•mod_virtuemart_randomprod: Hi n th các s n ph m ng u nhiên.ể ị ả ẩ ẫ

• mod_virtuemart_topten: Hi n th các s n ph m bán ch y nh t.ể ị ả ẩ ạ ấ

• mod_virtuemart_allinone: Hi n th 4 Module (latestprod, featuredprod, topten, randomprod) thành m t Module d i d ng Tab.ể ị ộ ướ ạ

Vi c l a ch nệ ự ọ  Template và các v trí hi n thị ể ị Module thích h p s làm cho trang Web bán hàng c a b n chuyên nghi p h n.ợ ẽ ủ ạ ệ ơ

5/10/2018 C ch l m trang Web b n h ng v i Joomla - slidepdf.com

http://slidepdf.com/reader/full/cach-lam-trang-web-ban-hang-voi-joomla 10/10

Thay i cách trình bày trang s n ph m b ng cách nh p tên File Browse trong ph nđổ ả ẩ ằ ậ ầ  Category Browse Page, các File này n m trong thằ ư 

m cụ  administrator/components/com_virtuemart/html/templates/browse/ có th s a l i các File này ho c t o thêm các f ile khác n uể ử ạ ặ ạ ế  

mu n.ố

L uư ý:

• N u g pế ặ tr ng h p VM hay hi n lên b ng Login khi thao tác trong Admin, ó là do l i Session c a Joomla! 1.0.13. Kh c ph cườ ợ ệ ả đ ỗ ủ ắ ụ  

l iỗ này b ng cách nâng c p Joomla!ằ ấ lên các phiên b n m i h n ho cả ớ ơ ặ t iả gói Joomla! 1.0.13 Admin Session Fix  s a l i, gi i nénđể ử ỗ ả  

các File trong gói này và Copy è lên các File t ng ng có s n trong Joomla! ho c n gi n ch c n gi i nén nguyênđ ươ ứ ẵ ặ đơ ả ỉ ầ ả gói này vào

trong th m c g c cài t Joomla! là c. Khi Copy ho c gi i nén vào th m c Joomla!ư ụ ố đặ đượ ặ ả ư ụ ph i xu t hi n thông báo cho phép chép èả ấ ệ đ  

(OverWrite) thì m i úng, ch n Yes (Ok) ng ý.ớ đ ọ để đồ

T khóa:ừ joomlajoomla 1.0thi t k webế ế  virtuemart

11Xem thêm các bài vi t khác:ế

• Cách t o Menu cho Component Virtuemartạ  

• Cách c p nh t và nâng c p VirtueMart 1.1.xậ ậ ấ  

• Cách cài t ngôn ng ti ng Vi t cho VirtueMart 1.1.xđặ ữ ế ệ  

• Cách cài t Virtuemart 1.1.x b ng gói VirtueMart Remote Installerđặ ằ  

• Cách cài t Virtuemart 1.1.x b ng gói Complete Packageđặ ằ  

• Cách cài t Virtuemart 1.1.x b ng gói VirtueMart eCommerce Bundleđặ ằ  

• Cách cài t l i các Component ã b xóa trong Joomla! 1.0đặ ạ đ ị  

• Cách cài t l i các Component ã b xóa trong Joomla! 1.5đặ ạ đ ị  

• Cách t o liên k t thân thi n cho Joomla 1.5 b ng Component sh404SEFạ ế ệ ằ  

• Cách t o và qu n lý Banner qu ng cáo trong Joomla! 1.5ạ ả ả  

http://www.buaxua.vn | Xem ti p:ế  http://www.buaxua.vn/Thiet-ke-Web/Cach-lam-trang-Web-ban-hang-voi-Joomla-va-VirtueMart.html