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

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

แนะนำ Templates Joomla เหมาะการขายของออนไลน์อย่าง ShopIn

           หากกำลังมองหา Template ของ Joomla ที่ช่วยให้หน้าร้านของเรามีความสวยงาม รวมถึงมีระบบการแสดงและเลือกสินค้าที่ง่าย บทความนี้ก็ขอแนะนำ Template อย่าง ShopIn ที่ออกแบบมาเพื่องานขายสินค้าออนไลน์ มาพร้อมกับ Helix3 Framework ที่ทำให้มี Template ที่มีความยืนหยุ่น และหน้าตาที่สวยงามไม่ว่าจะเปิดด้วยอุปกรณ์เคลื่อนที่แบบใดก็ตาม และมีระบบที่ช่วยเราตกแต่งเว็บไซต์ที่ง่ายขึ้น โดยบางทีไม่ต้องเข้าไปแก้ไขที่โค้ดด้วยความสามารถของ SP Page Builder Pro เพียงแค่  Drag And Drop ก็สามารถตกแต่งหน้าเว็บไซต์ได้อย่างสวยงาม ไม่เพียงเท่านั้นยังมี Extension สำหรับระบบจัดการขายสินค้าอย่าง J2Store ซึ่งเป็นที่นิยมกันอย่างแพร่หลายมาให้เราได้ใช้งานอีกด้วย ถ้าเข้าดูใน DEMO ของ Template อย่าง ShopIn นั้นจะเห็นมีให้เราได้เลือกดูโทนสี, รูปพื้นหลังให้เราได้ลองเลือกดูได้ 

ตัวอย่างหน้าเว็บไซต์ของ MeMegaDeal II แบบเครื่องคอมพิวเตอร์ที่เราสามารถเลือกสี Template และ logo ได้
ตัวอย่าง Template MegaDeal II แบบ Desktop
 

       

ตัวอย่างหน้าเว็บไซต์ของ MeMegaDeal II แบบอุปกรณ์เคลื่อนที่ ซึ่งเราสามารถเลือกสี Template และ logo ได้
ตัวอย่าง Template MegaDeal II แบบมือถือ

เราจะมาดูตัวอย่างหน้าตาของแต่ละเมนูของ Template ShopIn ว่ามีอะไรบ้าง เพื่อเลือกดูว่ามีหน้าไหนที่จะนำมาใช้งานกับเว็บไซต์ของเราได้

  • หน้าแรก  สามารถนำรูปสินค้าสวยๆ หรือโปรโมชั่นเด็ดๆ มาแสดงได้เลย 
หน้าแรกเข้าเว็บไซต์แสดงรายการสินค้าหรือ content ที่น่าสนใจได้
หน้าแรกเข้าเว็บไซต์
  • หน้าแสดงรายละเอียดสินค้า หากต้องการเพิ่มสินค้าลงในตระกร้ากดที่ Add to Cart ได้เลย หรือหากเป็นสินค้าที่ถูกใจ อยากเก็บเอาไว้ก็กดที่หัวใจ ก็จะไปอยู่ลิสต์สิ่งที่เราต้องการจะซื้อใน WISHLIST ITEMS อีกที
แสดงรูปสินค้าและรายละเอียดเกี่ยวกับสินค้านั้นๆ อีกทั้งยังสามารถเพิ่มลงตระกร้าได้
หน้าแสดงรายละเอียดสินค้า
  • หน้า WISHLIST ITEMS เป็นหน้า list สินค้าที่เราชื่นชอบและอยากจะซื้อ แต่ขอเก็บเอาไว้ก่อนก็สามารถฝากไว้ได้ที่นี้ หากต้องการซื้อก็เพียงแค่กด Add to Cart สินค้าก็จะเข้าไปอยู่ในตะกร้าอย่างง่ายดาย
เป็นหน้าสำหรับเก็บ list สินค้าที่เราชอบและต้องการที่จะซื้อ
หน้า WISHLIST ITEMS

           ถ้าหากต้องการนำ ShopIn มาใช้เป็น Template  ก็สามารถกำหนด Position ที่จะนำ Component และ Module เข้ามาแทรกตาม Template ได้ดังนี้

  • ส่วน logo และ Menu bar จะเป็นส่วนที่เราสามารถเปลี่ยน logo และ Menu ที่จะใช้งาน รวมไปถึงระบบเข้าใช้งาน, ตะกร้าสินค้า 
สามารถกำหนด position ในการเปลี่ยน logo, Menu, ตะกร้าสินค้า หรือการเข้าระบบได้
ส่วน logo และ Menu bar
เมื่อเอาเมาส์วางไว้ที่เมนูจะมีเมนูย่อยแสดงออกมา อย่างส่วน Product ก็จะแสดงหมวดหมู่สินค้าออกมา
แสดงเมนูย่อย
  • ส่วน Header สามารถแสดงเป็นภาพสไลด์หรือภาพนิ่งได้
ส่วน Header สามารถแสดงเป็นภาพสไลด์หรือภาพนิ่งได้
ส่วน Header
  • ส่วน Content แสดงการกรองข้อมูลและรายการสินค้า
แสดงรายการสินค้าและมีส่วนกรอกข้อมูลสินค้าอยู่ทางด้านซ้ายมือให้อีกด้วย
ส่วน Content แสดงรายการสินค้า
  • ส่วน Content รายการและรายละเอียดของบทความ
หน้าแสดงรายการบทความในเว็บไซต์ของเรา
ส่วนรายการบทความ
แสดงรายละเอียดในตัวบทความ สามารถใส่ข้อความหรือรูปภาพได้ตามใจชอบ
ส่วนแสดงรายละเอียดในบทความ
  • ส่วนระบบตระกร้าสินค้า ที่จะแสดงรายการสินค้าที่กด Add Cart 
แสดงรายการสินค้าที่ได้ทำการกด Add to cart สามารถจัดการสินค้าเช่น เพิ่มจำนวน, ลบออกได้ รวมถึงคำนวณยอดที่ชำระ
ส่วนหน้าแสดงรายการในตระกร้าสินค้า
เมื่อกดปุ่ม Proceed to checkout จะมาที่หน้านี้เพื่อใส่รายละเอียดการจัดส่งและชำระเงิน
ส่วนขั้นตอนการชำระเงิน
  • ส่วน Footer เราสามารถปรับแต่งใส่ Logo, เมนูต่างๆ และรายละเอียดข้อมูลการติดต่อ
ส่วนที่อยู่ท้ายสุดของเว็บไซต์ซึ่งเราสามารถใส่ Module หรือ Plug-in เพื่อใส่ logo, Menu และข้อมูลการติดต่อเข้าไปได้
ส่วน Footer

 

          ในส่วน Template ของ ShopIn นั้นจะเห็นได้ว่าเหมาะกับการนำไปใช้ทางด้านขายสินค้าออนไลน์ซึ่งมีระบบจัดการสินค้า, แสดงสินค้า, การค้นหาและกรองข้อมูลสินค้า, ตระกร้าสินค้า, ข้อมูลจัดส่ง ไปจนถึงการชำระสินค้าที่มีการใช้Extension เข้ามาช่วยในการจัดการที่ง่ายขึ้น และมี Layout ในการจัดวางที่ดูเรียบง่ายและสะอาดตา รวมไปถึงการจัดการ Template ที่ง่ายและมีให้เลือกปรับแต่งที่หลากหลาย หากดูจากตัว Preview เราก็สามารถเลือกโทนสีดูเบื้องต้นก่อนได้ และ ShopIn ยังรองรับการใช้ภาษาแบบ Multilingual & RTL Support (ภาษาที่อ่านขวา - ซ้าย) เช่น ภาษา Arabic, Hebrew เป็นต้น จะเห็นได้ว่า Template ตัวนี้ครบเครื่องในด้านขายของออนไลน์ได้อย่างดี  

อ้างอิง 

  • ตัวอย่างหน้าจอและรายละเอียดของ Template ShopIn, [ออนไลน์], เข้าถึง http://demo.joomshaper.com/2017/shopin/index.php
  • Helix3 - Template Framework for Joomla, [ออนไลน์], เข้าถึง https://www.joomshaper.com/joomla-templates/helix3
  • SP Page Builder ตัวช่วยในการจัดการหน้าเว็บใน Joomla, [ออนไลน์], เข้าถึง https://www.mindphp.com/forums/viewtopic.php?f=86&t=29634
  • Joomla Shopping Cart and eCommerce Extension, [ออนไลน์], เข้าถึง https://www.j2store.org/store-developers
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
โปรโมชัน iPhone 12 Pro ที่ตอบโจทย์ไลฟ์สไตล์คนรุ่นใหม่
โดย unyana อ 11 เม.ย. 2021 12:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
อ 11 เม.ย. 2021 12:34 pm โดย unyana
จากที่ตรวจสอบ มีขนาดรูป ความละเอียดต่างๆ บางส่วน ที่ยังไม่ตรงตาม design
โดย tsukasaz อ 06 เม.ย. 2021 6:16 pm บอร์ด เว็บไซต์ Rnyard - Tester
0
3
อ 06 เม.ย. 2021 6:16 pm โดย tsukasaz
วิธี optimize การ insert หรือ update ข้อมูลใรครั้งเดียว เพื่อให้ระบบสามารถทำงานได้เร็วขึ้น
โดย bolue จ 05 เม.ย. 2021 11:08 am บอร์ด SQL - Database
0
111
จ 05 เม.ย. 2021 11:08 am โดย bolue
เราจะติดตั้ง odoo ลงบน nas synology ได้ไหมครับ
โดย Nutchanon Sam อ 04 เม.ย. 2021 4:27 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
91
อ 04 เม.ย. 2021 6:40 pm โดย mindphp
ติดตั้ง odoo ลงบน nas synology
โดย Nutchanon Sam อ 04 เม.ย. 2021 4:17 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
75
อ 04 เม.ย. 2021 4:17 pm โดย Nutchanon Sam
Q - ขอรูปภาพแบบแยกของ RN Yard ทำเลทองของนักลงทุน
โดย eange08 ศ 02 เม.ย. 2021 12:34 pm บอร์ด เว็บไซต์ Rnyard - Tester
0
5
ศ 02 เม.ย. 2021 12:34 pm โดย eange08
R - ขอ username & password ให้ทีมงานผมเข้ามาใช้งานในระบบ support หน่อยครับ
โดย tsukasaz พฤ 01 เม.ย. 2021 5:43 pm บอร์ด เว็บไซต์ Rnyard - Tester
1
6
ศ 02 เม.ย. 2021 2:22 pm โดย tsukasaz
Subtitle เรื่อง การปรับอัตรา ภาษี หัก ณ ที่จ่าย ระบบ ERP
โดย sirich17 พ 31 มี.ค. 2021 6:59 pm บอร์ด M129 - สิริกาญจนา ไชยชนะ
0
1
พ 31 มี.ค. 2021 6:59 pm โดย sirich17