VirtueMart คออะไร

VirtueMart เปนโปรแกรมเสรมของ Joomla ทใชในการสรางรานคาออนไลททมระบบตระกราสนคา

(Shopping Cart)

Features

สามารถวางสนคาและหมวดหมสนคาไดไมจ ากด

มระบบ web administrator (Backend) จดการรานคาได

สามารถขายสนคาประเภท Downloadable ได เชน Software หรอ eBook

ลกคาสามารถใหคะแนนหรอค าชมสนคาได

สามารถก าหนดราคาสนคาทตางกนตามกลมผซ อได

สนคาตวเดยวสามารถก าหนดหลายราคาได ตามจ านวนทซ อ

และอนๆอกมากมาย

เวบไซคหลกของ VirtueMart: http://virtuemart.net

ส าหรบตดตามขอมลขาวสารและดาวโหลด module หรอ plugin ตางๆ มาเดมความสามารถใหกบ

รานคาออนไลทของเรา

การตดต ง VirtueMart

1. Manual Installation Packages ตองม joomla อยกอนแลว จงมาท าการตดตง VirtueMart

และตวเสรมตางๆเอง

2. Complete Packages จะเปนแบบ full version กคอวาเมอตดตง joomla กจะมาพรอมกบ

VirtueMart และตวเสรมตางๆใหพรอม ซงเรยกวา VirtueMart eCommerce Bundle มนกคอ

joomla + VirtueMart นนเอง

เราเลอกลงแบบท 2 โดยใชจมลาลายไทย Joomla 1.5.15 eCommerce Edition VM 1.1.4 LaiThai

และท าการตดตงแบบมตวอยางรานคา ซงจะท าใหเหนภาพในการตงคาทชดเจนมากยงขน เมอท าการ

ตดตงแลวจะไดดงรป

และในสวนของ Admin นนกจะเปนดงรป

เร มตดต ง Joomla 1.5.15 eCommerce Edition VM 1.1.4 LaiThai

การตดตงทจะกลาวถงตอไปนจะเปนตดตงแบบ Full version ของ virtuemart เนองจากเปนตดตงทงาย

และพรอมส าหรบการท าเปนเวบไซคขายของไดเลย

1. ตดตง AppServ ในเครองคอมพวเตอรเพอท าเปน Web Server (ดาวนโหลดจาก

http://sourceforge.net/projects/appserv/files/) ซงเราไดตดตงไปแลวตอนเรยน Joomlaให

ทดสอบโดย Http://localhost

2. Download ไฟล VirtueMart eCommerce Bundle มาเกบในเครองกอน และแตกไฟลใส Folder

ชอ vm_xxxx โดย xxxx แทนรหสนกศกษา แลวน าไปไวท C:\AppServ\www (ดาวนโหลดจาก

http://www.joomlacorner.com/jcornernews/315-laithai-e-commerce-edition-vm-114-

joomla-1515.html)

3. ท าการสราง Database ใหม เพอใชกบ VirtueMart

3.1.เปด http://localhost กจะไดตามรปท.1 ซงเปนหนาแรกของ เวบเซฟเวอรภายในเครองของเรา

หลงจากนนกกดท phpMyAdmin Database Manager Version x.x.x.x (ชดตวเลขตรงน

อาจจะไมเหมอนในรป ขนอยกบเวอรชนของ โปรแกรมเวบเซฟเวอรทตดตง)

3.2 เมอคลกท phpMyAdmin Database Manager Version x.x.x.x แลว กจะปรากฏ

หนาตางใหใส ยสเซอรเนม กบพาสเวรด ตามรปท. 2 ซง Username นนถกตงมาตงแตตดตง

Appserve แลว นนกคอ root สวน Password = mysql ซงกคอ พาสเวรดทใสตอนตดตงนนเอง

3.3 หลงจากทเราใส username root กบ Password mysql เรยบรอยแลว กกดทป ม OK กจะเขา

มาท หนาของ phpMyAdmin ซงเปนหนาทไวสรางดาตาเบสตามรปท.3

ใสชอ ดาบาเบสทเราจะใชชอ joomla_VM_xxxx โดย xxxx แทนรหสนกศกษา แลวกกดท ป ม

Create เรากสราง Database ทใชกบเวบไซทของเราแลว ตามรป

***กอนทจะสรางดาบาเบสนนขอ MySQL connection collation: จะตองเปน tf8_unicode_ci

4. ตดตง VirtueMart พมพชอ http://localhost/vm_xxxx/installation โดย xxxx แทนรหสนกศกษา

เพอน าไปสการตดตง จากนนจะเขามาสหนาการตดตง ใหเลอกภาษาไทย กดถดไป

หนานจะเปนการตรวจสอบระบบพนฐานของ joomla กอนการตดตง กดถดไป

อานรายละเอยดลขสทธ จากนนกดถดไป

ใสรายละเอยดตางๆ ของฐานขอมลทเราสรางมากอนหนาน

1).ชอโฮสต - ใส localhost

2).ชอผใชฐานขอมล MySQL - อนนคอ ยสเซอรเนมทเราสรางขน ตอนสรางดาตาเบส ใส root

3).รหสผานฐานขอมล MySQL - อนนกเปนพาสเวรด ทใชกบยสเซอรดานบน

4).ชอฐานขอมล MySQL – ชอของฐานขอมลดาตาเบสทเราสรางขน ใส Joomla_VM_xxxx

เสรจแลวก กดทป ม ถดไป ดานบน เพอไปยงขนตอนตอไป

การตงคาระบบ FTP ซงตอนนเรายงคงไมไดใช กใหขามไปกอน กดทป ม ถดไป ดานบน เพอไปยง

ขนตอนตอไป

ใสขอมลตางๆลงไป ชอเวบไซต อเมล รหสผาน

(1). ชอเวบไซต คอ ชอเวบไซต หรอ สโลแกน ทเกยวกบเวบไซทของเรา ใส MyVirtueMart

(2). อเมลของทาน คอ ใหเราใส Email ของ admin ลงไป

(3). รหสผานของผดแล คอ ใหเราก าหนดรหสผานของ Admin ใสเปน virtuemart

(4). รหสผานของผดแล คอ ใหเราใสรหสผานอกครง ใหเหมอนกบตอนแรก ใสเปน virtuemart

(5). ตดตงขอมลตวอยาง คอ จมลาจะตดตงขอมลตวอยาง เพอใหมองเหนภาพออกวาเวบไซตจะออกมาเปนแนวไหน หนาตายงไง (ใหเราคลกสรางขอมลตวอยาง)

เสรจแลวก กดทป ม ถดไป เพอไปยงขนตอนตอไป ดงรป

5. ท าการลบ folder installation ออกตามค าแนะน า

6. เขาไปทหนาแรกของเวบไซทโดยก าหนดพารท

Frontend : Http://localhost/vm_xxxx

Backend: Http://localhost/vm_xxxx/Administrator

เร มตนใชงาน VirtueMart

บทท 1. การต งคาขอมลของรานคาเบองตน

หลงจากเราไดท าการตดตง Joomla eCommerce editon หรอ virtuemart ไปแลวกจะเปนการตงคา

เบองตนเกยวกบรานคา ซงจะเปนรายละเอยดคราวๆ ส าหรบเวลาลกคาตองการดรายละเอยดผขายจาก

หนาสนคา และรวมถงการก าหนด สกลเงน สญลกษณ และสามารถใสรายละเอยดและขอตกลงตางๆได

การตงคาเรมตน ตองเขาไปในสวนของ คอมโพเนนท >VirtueMart ดงรป

จากนนเรากจะเขามาทในสวนของคอมโพแนนท VirtueMart ในหนา ลายไทย ชอป::บรหารรานคา และ

เลอกทไอคอน ตงคารานคา

จากนนเรากจะมาทหนา รายละเอยดรานคา ใหนกศกษาใสขอมลรานคาสมมตของนกศกษา

ซงจะมการแยกเปนหวขอตางๆ ใหเราท าการแกไขดงน

1.หวขอ รานคา เปนการก าหนด รายละเอยดรานของเรา เชนชอราน ชอบรษท ทอย ตางๆ กใหเราใส

ขอมลรานคาของเราใหเรยบรอย

2.หวขอ รายละเอยดการตดตอ เปนการก าหนดรายละเอยดในการตดตอมายงเราซงเปนผขาย

3. หวขอ รายละเอยดรานคา เปนการก าหนดโลโกของรานคา และก าหนดในสวนของอตราคาบรการ

ต าสดในการจดสงสนคา

3.1 มลคาการส งซอข นต า: จ านวนเงนต าสดทตองมในการสงซอสนคา (จะก าหนดหรอไมกได) เรายง

ไมก าหนด

3.2 จ านวนต าสดทขนสงฟร: จ านวนเงนต าสดทจะเรมใหบรการจดสงฟร เชน ก าหนดไว 3000 เทากบ

วา หากการสงซอสนคาทรวมภาษแลวนน มมลคาทมากกวา 3000 บาท กจะจดสงสนคาใหฟร ไมคดคา

จดสง ใหนกศกษาก าหนดเปน 3000 บาท

4.หวขอ รปแบบการแสดงสกลเงน เปนการก าหนดสกลเงนทจะใชในรานคา และก าหนดรปแบบของ

สญลกษณตางๆในการใชรวมกบคาของสกลเงน

00 Symb จะแสดงเปน 100 บาท

สกลเงนทตองการใชในรานเลอก Thai Baht

5.หวขอ รายละเอยด ใสค าแนะน ารานแบบสนๆ จ าหนายสนคาเกยวกบอะไรบาง ผลตเองหรอน าเขามา

จากประเทศไหน เปนตน

ซงจะแสดงทหนา Products ของเวบไซท http://localhost/vm_xxxx ดงรป

6. ขอตกลง เปนรายละเอยดของขอตกลงในการใชงานในรานคาออนไลท กใหเราใสขอตกลงทางการ

คาตางๆ ทตองการลงไป ดงรป

เมอก าหนดทกอยางเสรจเรยบรอยกใหเราท าการ Save จะเหนรายละเอยดของรานคาเราดงรป

บทท 2. พนฐานการต งคา CONFIGURATION ของรานคา VIRTUEMART

จะเปนการก าหนดความตองการการแสดงในรปแบบตางๆ เชน การก าหนดใหแสดงราคาสนคาหรอไม

แสดงระบบตะกราสนคาหรอไม

1. การแสดงราคาขาย เปนการก าหนดใหแสดงราคาสนคาแบบรวมภาษ , การก าหนดใหมการแสดง

ราคาสนคาเฉพาะบางกลมลกคา, การก าหนดใหแสดงวาราคานรวมภาษไปแลว X% และการ

ก าหนดใหแสดงราคาสนคาตอหนวย

ไปท เมน ผดแลระบบ เลอกทหวขอ การต งคา จากนน ในเมนแทบแรก ท วไป น ใหไปในสวน

ของ ต งคาราคาขาย ดงรป

กจะมรายละเอยดดงน

(1) แสดงราคา คอการก าหนดใหหนาเวบแสดงราคาใหลกคาเหนหรอไม ใหเลอกแสดงราคา

(2) แสดงราคาใหกบ Membergroup น เปนการเจาะจงลงไปเลย วาใหลกคากลมใดเหนราคา

เพราะบางทเราอาจจะไมอยากใหบคคลทวไปเหนราคา แตใหเฉพาะสมาชกเทานนทเหนราคาของ

สนคา กเลอกท ผลงทะเบยน เปนตน ในทนใหนกศกษาเลอก Public Front-end คอใหทกคนเหน

(3) แสดง "(บวกภาษ XX% )" when applicable? เปนการก าหนดใหแสดงขอความ (รวม

ภาษ x%) ตอหลงจากราคาสนคาหรอไม ใหนกศกษาเลอก ใหแสดง(บวกภาษ xx%) พรอมบนทก

และเลอกแสดงตวอยาง เมอเลอกด iPhone ในสวน OUR STORE จะไดผลดงรป

(4) แสดงราคาตอหนวย? เปนการก าหนดขอความ " ตอหนวย" กอนราคาสนคา ในหนาของ

รายละเอยดสนคา กอนเลอกแสดงสนคาจะเปนดงรป

เมอเลอกแสดงราคาตอหนวยแลวจะเปนดงรป

โดยปกตแลว VirtueMart จะก าหนดราคาสนคาทโชวอยในหนาเวบไซทนน จะเปนการแสดงราคา

สนคาทรวมภาษแลว เราสามารถก าหนดใหไมรวมราคาภาษในหนาเวบไซทไดโดยการไปทเมน ผ

ซอ แลวเลอกทหวขอ กลมผซอ จากนนเราจะเหนรายการกลมผซ อทงหมด ดงรป

จากนนเรากตองเลอกกลมทตองการใหแยกราคาภาษออกจากราคาสนคา หรอถาเราตองการใหทก

กลมเหนเฉพาะราคาสนคาไมรวมราคาภาษ เรากตองก าหนดทกรายการกลมผซ อ ในทนคอก าหนด

ทกลม -default- กใหเราเลอกทช อกลม -default- เรากจะเขามาทหนา แบบฟอรมกลมผซอ

ดงรป

จากนนในหวขอ แสดงราคารวมภาษ?: นนใหเราทดลองน าเครองหมายถกออกจากหวขอน

จากนนกท าการ Save เรากจะไดราคาสนคาทไมรวมภาษในหนาเวบไซทแลว

ใหนกศกษาเลอกแสดงราคารวมภาษ

2. การก าหนดการใช/ไมใชงานตะกราสนคา บางเวบไซทอาจจะตองการก าหนดแสดงเฉพาะตว

สนคาเทานน โดยไมตองการมการสงซอสนคาผานทางเวบไซท ซงเราสามารถก าหนดไมใชระบบ

สงซอสนคา (หรอทเรยกวาระบบตะกราสนคา) โดยเราจะก าหนดจากหนา การต งคา ในเมนแทบ

แรก ท วไป ทหวขอ แสดงเฉพาะรายการแคตตาลอกสนคา ดงรป

จะท าใหหนา Product เปลยน

ใหนกศกษาตรวจสอบใหเอาเครองหมายถกออกกรณมการเลอกไว

3. ก าหนดการแสดงไอคอนตางๆในหนาสนคา จะเปนการก าหนดใหแสดงหรอไมแสดงป มไอคอน

ตางๆ คอ ป ม - PDF, Email, Print ทอยในหนารายละเอยดของสนคา โดยเราสามารก าหนดให

แสดงหรอไมแสดงไดโดยการไปท เมน ผดแลระบบ เลอกทหวขอ การต งคา จากนนไปทแทบเมน

ทช อวา ไซต ดงรป

โดยเราจะก าหนดทหวขอดงน

(1) เปนการเลอกไปทแทบเมน ไซต ในหนาของ การต งคา

(2) ป ม - PDF เปนการก าหนดการแสดงหรอไมแสดงไอคอนป ม PDF ไฟล

(3) แสดงลงค "แนะน าเพอน"? เปนการก าหนดการแสดงหรอไมแสดงไอคอนป ม Email

(4) แสดงลงค "พมพแสดงผล"? เปนการก าหนดการแสดงหรอไมแสดงไอคอนป ม Print

ซงทง 3 ป มน จะอยในหนาของรายละเอยดสนคา ดงรป

ใหนกศกษาเลอกแสดงเฉพาะแสดงไอคอนป ม Print

4. การก าหนดรปสนคาแทน ในกรณทเราไมมรปสนคา เปนการเลอกรปภาพทจะน ามาเปนรป

สนคาแทน ในสนคาทไมมรปภาพ โดยปกต VirtueMart จะก าหนดรปมาแลวนนกคอ noimage.gif

ดงรป

บางทอาจจะไมเขากบเวบไซทเรา กใหเราสรางรปเกๆ ขนมา จากนนน าไปวางไวในโฟรเดอร

"C:\AppServ\www\vm_xxxx\components\com_virtuemart\themes\default\images"

จากนนกไปท เมน การต งคา ทเมนแทบ ไซต เหมอนเดม แลวไปทหวขอ รปภาพ ดงรป แลวแก

ชอรปภาพเปนชอทเราเพงวางใน folder images

ใหนกศกษาเปลยนรปใหเขากบเวบไซทของนกศกษา

5. การก าหนด แสดงหรอไมแสดง ปาย Powered by VirtueMart เปนการก าหนดวาจะใหแสดง ปาย

Powered by VirtueMart ทดานลางของทกหนา ในสวนของรานคาของเราหรอไม ดงรป

โดยเราสามารถก าหนดใหแสดงหรอไมแสดงปายดงกลาวทหนา การต งคา ทเมนแทบ ไซต

เหมอนเดม แตจะไปทหวขอ แสดง ทดานลาง ดงรป

ใหนกศกษาเอาปาย Powered by VirtueMart ออก

ผลลพธ

มรานคาเปนของตวเองตาม URL HTTP://LOCALHOST/VM_รหสนกศกษา

แสดงสนคาแบบรวมภาษ

มการใชงานระบบตระกราสนคา

หนารายละเอยดสนคาจะแสดงเฉพาะแสดงไอคอนป ม PRINT

ในกรณทสนคาไมมรป ใชรปสนคา IMAGE UNAVAILABLE ใหม

ไมมปาย POWERED BY VIRTUEMART