ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

แนะนำ Templates Joomla เหมาะงาน e-Commerce อย่าง MegaDeal II

           บทความนี้จะมาแนะนำ Joomla Template ที่เหมาะกับการแสดงขายสินค้า Ecommerce ที่มาพร้อมกับระบบตะกร้าสินค้าอย่าง MegaDeal II ที่มีความเรียบง่าย และฟังก์ชั่นพื้นฐานด้านการขายออนไลน์ต่างๆ ได้เช่น การจัดการสินค้าเป็นหมวดหมู่, เพิ่มสินค้าลงในตระกร้า, การแสดงสินค้าแบบแคตตาล็อก, การกรองข้อมูลดูสินค้า, รวมไปถึง Blog และยังสามารถตั้งค่าส่วนของ logo, ปรับโทนสี, layout ของเมนูต่างๆ, ส่วนเมนู เป็นต้น ส่วนการตั้งค่านั้นทาง Template MegaDeal II ยังมาพร้อมกับ Helix3 Framework เป็น Template Framework ของ Joomla ที่มีความ user-friendly, หน้าตาที่ดูทันสมัย และมีเครื่องมือในการจัดการตัว Template หลังบ้านได้ง่ายขึ้น อีกทั้งยังสามารถเปิดบนอุปกรณ์เคลื่อนที่ต่างๆ ได้อย่างสวยงาม

หน้าหลักของ Template MegaDeal II ที่มีความสวยงามและเรียบง่ายที่มาพร้อมกับ  Helix3 Framework ตัวช่วยปรับแต่ง Template ให้ง่ายขึ้น
ตัวอย่าง Template MegaDeal II แสดงแบบ Desktop

 

ตัวอย่างหน้าเว็บเพจแสดงด้วย Template อย่าง MegaDeal II บนมือถือ
ตัวอย่าง Template MegaDeal II แบบมือถือ
  • แนะนำตัวอย่างหน้า Website ของ MegaDeal II โดยมาเริ่มจากหน้าแรกส่วนแสดงรายการสินค้าที่น่าสนใจ, สินค้ามาใหม่, หรือจัดแสดงสินค้าตามที่เราต้องการได้ โดยมีการแบ่งพื้นที่ออกมาได้สวยงาม ซึ่งจะมีให้เราตั้งค่าได้
หน้าแรกในการแสดงรายการสินค้าหรือแสดงโปรโมชั่นที่ต้องการให้ผู้เข้าเว็บไซต์ได้เห็น
หน้าหลักแสดงสินค้า
  • หน้าแคตตาล๊อกสินค้าและแสดงรายละเอียดสินค้า ผู้เข้ามาซื้อสินค้าก็สามารถกด Add cart เพื่อนำไปสู่การสั่งซ์้อสินค้าต่อไปได้
หน้าแคตตาล๊อกสินค้าที่แสดงรายการสินค้าที่แบ่งตามหมวดหมู่ของสินค้านั้นๆ
หน้าแคตตาล๊อกสินค้า
แสดงรายละเอียดสินค้าที่เราใส่ข้อมูลเอาไว้ ไม่ว่าจะเป็นรูปภาพ, ข้อมูลสินค้าที่จำเป็น, ราคา, สี
หน้ารายละเอียดสินค้า
  • หน้าตะกร้าสินค้า 
รายละเอียดสินค้าที่มาจาก Add Cart จะแสดงรายละเอียดสินค้าที่ต้องชำระ ซึ่งมากำหนดส่วนลด, เพิ่ม - ลดจำนวนสินค้าที่ต้องการซื้อได้
หน้าตะกร้าสินค้า
  • หน้า Blog ที่จะแบ่ง layout เมนูใน Blog ได้, ส่วนการค้นหาบทความ, เมื่อเข้ามาที่หน้าดูรายละเอียดบทความส่วนของตัวรูปภาพสามารถแสดงได้หลายรูปแบบอาทิเช่น แบบสไลด์, VDO, ภาพนิ่ง เป็นต้น 
แสดงรายการ Blog (บทความ) ที่น่าสนใจ อีกทั้งสามารถดูได้ตามหมวดหมู่ของ Blog นั้นอีกด้วย
หน้า Blog
แสดงรายละเอียดบทความที่สามารถกำหนดการแสดงรูปภาพได้หลายรูปแบบ เช่น ภาพสไลด์, ภาพนิ่ง, VDO หรือไฟล์เสียงเป็นต้น
หน้าแสดงรายละเอียดบทความ
  • หน้า Contact Us มีส่วนแสดงแผนที่, ที่อยู่ และสามารถส่งข้อความเพื่อติดต่อถึงเราได้
ส่วนแสดงรายละเอียดการติดต่อ สามารถใส่แผนที่, ที่อยู่, เบอร์โทรการติดต่อได้ และมีส่วนส่งข้อความถึงเราได้อีกด้วย
หน้า Contact Us

 

        หากจะต้องนำมาใช้ร่วมกับงาน Joomla ของเราก็สามารถแบ่ง Position ออกมาได้หลายส่วนเพื่อนำ Component และ Module เข้าไปแทรกได้ตามที่ต้องการ โดยสามารถแบ่งสัดส่วนที่ใช้งานได้ดังนี้

  • ส่วน logo, Menu, การ login เข้าระบบ, ค้นหาสินค้า, ตะกร้าสินค้า ที่มาพร้อมกับแสดงราคาสินค้าที่เลือกในตะกร้าสินค้า
สามารถปรับเปลี่ยนในส่วนของ logo, Menu, login, การค้นหาสินค้าได้
ส่วน logo และ Menu
  • Header ที่แสดงหัวข้อและ pathway ของเมนูนั้น

 

ส่วนกำหนด Header เราสามารถปรับการแสดงเป็นชื่อเมนู, pathway ได้
ส่วน Header และ Pathway ของเมนู
  • Content แสดงสินค้าแบบภาพสไลด์
Content ที่สามารถปรับเปลี่ยนการแสดงได้ตามที่เราต้องการแทรก Component หรือ Module ได้
ส่วน Content แสดงภาพสินค้าแบบสไลด์
  • Content แสดงแคตตาล๊อกสินค้าและส่วนกรองข้อมูลสินค้า
แบ่ง layout ในส่วนของการแสดงสินค้าแบบแคตตาล๊อกและเมนูหมวดหมู่ของสินค้า เพื่อการเลือกสินค้าที่สะดวกยิ่งขึ้น
ส่วน Content แสดงแคตตาล๊อกสินค้า
  • Content แสดงแบบรายการและรายละเอียดบทความของเว็บไซต์
เป็นส่วนแสดงรายการบทความที่น่าสนใจของเว็บไซต์ที่เราสามารถจัดการ layout ให้แสดงเฉพาะรายการก็ได้ หรือมีหมวดหมู่ให้เลือกก็สามารถวางได้
ส่วน Content แสดงรายการบทความของเว็บไซต์
Content ที่แสดงรายละเอียดของบทความที่เราเลือกมาจากหน้ารายการ สามารถใส่ข้อความ, รูปภาพ รวมถึงสามารถ Extension ในการ comment ในบทความได้
ส่วน Content แสดงบทความของเว็บไซต์
  • ระบบตะกร้าสินค้า ที่แสดงรายการสินค้าที่กดลงตะกร้ามาไว้ที่นี้ 

 

ระบบตะกร้าสินค้าที่ใช้ Virtuemart เข้ามาเป็นส่วนเสริมในการจัดการ order สินค้าที่จะทำการชำระ สั่งซื้อได้
ส่วนระบบตะกร้าสินค้า
  • Footer ส่วนท้ายของเว็บไซต์ที่สามารถใช้ module หรือ plug-in เข้ามาเสริมปรับแต่งอย่างการใส่ link ของเมนูหรือรายละเอียดการติดต่อของเราได้

 

ส่วนท้ายของเว็บไซต์ที่สามารถกำหนดเมนูของเว็บไซต์ที่มี หรือใส่รายละเอียดการติดต่อของเราเองได้ ซึ่งสามารถนำ module เข้ามาเสริมแต่งได้
ส่วน Footer

        จากที่ได้เห็นตัวอย่าง Joomla Template อย่าง MegaDeal II แล้วนั้นจะเห็นได้ว่าดีไซต์ที่ดูเรียบง่าย สะอาดตา พร้อมทั้งยังมีแบบ layout อื่นๆ ที่เราสามารถปรับแต่งได้สามารถดูได้ที่เมนู Pages อาทิเช่น About us, Landing page, Shortcodes (ตัวอย่างปุ่ม, Tab, icon เป็นต้น)  และมี Extension อย่าง MooZiiCart ที่เป็นตัวช่วยเสริทในส่วนของระบบ e-Commerce อย่างการจัดการแคดตาล๊อกสินค้า, หน้าแสดงรายละเอียดสินค้า และ การจัดการระบบตะกร้าสินค้า ทาง MooZiicart นั้นก็ได้มีการพัฒนาอย่างต่อเนื่องจนตอนนี้เป็นเวอร์ชั่นปัจจุบันที่รองรับ ภาษาไทย และเป็นมากว่าเว็บขายของแล้ว ซึ่งสามารถนำมาปรับใช้กับงานของเราได้ อีกทั้ง Template MegaDeal II นั้นยังได้คะแนนความน่าเชื่อถือของเว็บไซต์ที่มีค่าความเร็วในการเปิดเว็บไซต์ (PageSpeed) อยู่ในเกณฑ์ที่ดีเหมาะสมกับทำ SEO (Search Engine Optimization) ของเว็บไซต์อีกด้วย จึงทำให้ผู้เข้ามาเยี่ยมชมเว็บไซต์ได้เร็วขึ้น 

 

อ้างอิง

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
มาพร้อมสงกรานต์!!! Joomla เวอร์ชั่น 3.9.26 แก้ไขข้อผิดพลาดและปรับปรุงระบบให้ดีขึ้น
โดย tsukasaz ศ 16 เม.ย. 2021 10:44 am บอร์ด MindPHP News & Feedback
0
18
ศ 16 เม.ย. 2021 10:44 am โดย tsukasaz
R - สามารถลงทะเบียนผ่าน Facebook และ Google Account ได้ ( มีตัวอย่างแนบให้ )
โดย eange08 ศ 16 เม.ย. 2021 9:26 am บอร์ด เว็บไซต์ Rnyard - Tester
0
1
ศ 16 เม.ย. 2021 9:26 am โดย eange08
R - ขออนุญาตเพิ่มเติม ในส่วน การ ลงทะเบียน / เข้าสู่ระบบ
โดย eange08 ศ 16 เม.ย. 2021 9:26 am บอร์ด เว็บไซต์ Rnyard - Tester
0
1
ศ 16 เม.ย. 2021 9:26 am โดย eange08
R - ยังไม่มีแบบฟอร์มการติดต่อ
โดย eange08 ศ 16 เม.ย. 2021 9:25 am บอร์ด เว็บไซต์ Rnyard - Tester
0
1
ศ 16 เม.ย. 2021 9:25 am โดย eange08
R - ยังไม่มี ลิงค์เชื่อมต่อ Google map
โดย eange08 ศ 16 เม.ย. 2021 9:25 am บอร์ด เว็บไซต์ Rnyard - Tester
0
1
ศ 16 เม.ย. 2021 9:25 am โดย eange08
B - ยังไม่สามารถเลื่อนลงมาดู ข้อมูลการติดต่อ ( เบอร์โทร ไลน์ เฟซบุ๊ค ) ได้
โดย eange08 ศ 16 เม.ย. 2021 9:24 am บอร์ด เว็บไซต์ Rnyard - Tester
0
1
ศ 16 เม.ย. 2021 9:24 am โดย eange08
B - แผนที่ข้อความการจัดวางสัดส่วนไม่ตรงตามตัวอย่างที่แนบไป
โดย eange08 ศ 16 เม.ย. 2021 9:24 am บอร์ด เว็บไซต์ Rnyard - Tester
0
1
ศ 16 เม.ย. 2021 9:24 am โดย eange08
R - เนื้อข่าว วิธีการป้องกัน รับมือ "ไวรัส COVID- 19" Link อ้างอิงเว็บไซต์โรงพยาบาล ต้องกดเข้าไปได้ค่ะ
โดย eange08 ศ 16 เม.ย. 2021 9:23 am บอร์ด เว็บไซต์ Rnyard - Tester
0
1
ศ 16 เม.ย. 2021 9:23 am โดย eange08