แนะนำ 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
กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
คำสั่งรวมไฟล์ และ บีบอัดในคำสั่งเดียว tar, zip
โดย mindphp พ 17 เม.ย. 2024 7:42 pm บอร์ด Linux - Web Server
0
27
พ 17 เม.ย. 2024 7:42 pm โดย mindphp View Topic คำสั่งรวมไฟล์ และ บีบอัดในคำสั่งเดียว  tar, zip
เช็คขนาดพื้นที่ฐานข้อมูล แต่ละก้อน แต่ละฐานข้อมูลว่าใช้พื้นที่ไปเท่าไหร่ ด้วย Comamnd Line
โดย mindphp จ 15 เม.ย. 2024 11:10 pm บอร์ด PostgreSQL
1
140
จ 15 เม.ย. 2024 11:14 pm โดย mindphp View Topic เช็คขนาดพื้นที่ฐานข้อมูล แต่ละก้อน แต่ละฐานข้อมูลว่าใช้พื้นที่ไปเท่าไหร่ ด้วย Comamnd Line
การติดตั้ง WSL เพื่อใช้งาน Linux Terminal บน Windows
โดย tsukasaz ศ 12 เม.ย. 2024 2:25 pm บอร์ด Share Knowledge
0
182
ศ 12 เม.ย. 2024 2:25 pm โดย tsukasaz View Topic การติดตั้ง WSL เพื่อใช้งาน Linux Terminal บน Windows
Super Сasual Dating - Real Women
โดย heroxbay ศ 12 เม.ย. 2024 8:55 am บอร์ด Microsoft Office Knowledge & line & Etc
0
134
ศ 12 เม.ย. 2024 8:55 am โดย heroxbay View Topic Super Сasual Dating - Real Women
Unsurpassed Сasual Dating - True Females
โดย pongsu1968 ศ 12 เม.ย. 2024 5:47 am บอร์ด Microsoft Office Knowledge & line & Etc
0
156
ศ 12 เม.ย. 2024 5:47 am โดย pongsu1968 View Topic Unsurpassed Сasual Dating - True Females
Question Tag ใช้อย่างไรในภาษาอังกฤษ
โดย internTk21 พฤ 11 เม.ย. 2024 10:46 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
80
พฤ 11 เม.ย. 2024 10:46 pm โดย internTk21 View Topic Question Tag ใช้อย่างไรในภาษาอังกฤษ
มารู้จัก Clause in English กันเถอะ
โดย internTk21 พฤ 11 เม.ย. 2024 4:26 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
99
พฤ 11 เม.ย. 2024 4:26 pm โดย internTk21 View Topic มารู้จัก Clause in English กันเถอะ
เรียนรู้การเปลี่ยน single noun เป็น plural noun
โดย internTk21 พฤ 11 เม.ย. 2024 3:29 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
82
พฤ 11 เม.ย. 2024 3:29 pm โดย internTk21 View Topic เรียนรู้การเปลี่ยน single noun เป็น plural noun