การใช้งานระบบกรองสินค้าใน Opencart 1.5.5

วันนี้ขอหยิบเอาระบบใหม่ที่เพิ่มมาในร้านค้าออนไลน์ Opencart 1.5.5 ซึ่งเป็นระบบที่น่าสนใจตัวหนึ่งเลย วิธีการใช้งานระบบกรองสินค้า(Product Filter) ขั้นแรกให้เราไปที่หลังร้านเมนูสินค้า>>ระบบกรองสินค้า ดังรูป

ระบบกรองสินค้า

หลังจากนั้นก็สร้างกลุ่มของตัวกรองสินค้า ซึ่งเราต้องแยกกลุ่มของสินค้าออกมา เพื่อที่จะจัดสินค้าของเราให้ลงตามกลุ่ม ตัวอย่างผมสร้างกลุ่มที่ชื่อว่า ขนาด

กลุ่มสินค้า

กลุ่มสินค้า

เราต้องกำหนดให้ กลุ่ม ที่เราสร้างขึ้นนี้ อยู่ในหมวดสินค้าใด ในร้านข้องเรา ตรงหมวดสินค้ามันเป็น Autocomplete สามารถพิมพ์ชื่อหมวดสินค้าในร้านแล้วระบบมันจะดึงมาแสดงอัตโนมัติ จากนั้นก็สามารถเพิ่มตัวกรองได้ตามใจเราเลยว่ามีแบบไหนบ้าง จากนั้นก็จัดเก็บข้อมูล หลังจากนั้นก้เข้าไปแก้ไขข้อมูลสินค้าที่เรากำหนดให้อยู่ในหมวดสินค้า ที่แท็บ ลิงค์ ของสินค้า เราจะพบว่ามีฟอร์มกรอกข้อมูล ตัวกรองสินค้า เพิ่มเข้ามา สามารถพิมพ์ ชื่อ ของตัวกรองที่เราเพิ่มลงไปได้เลย ย้ำว่า ชื่อ น่ะครับ ไม่ใช่กลุ่มของตัวกรองสินค้า

กำหนดสินค้าลงไปในตัวกรอง

จากนั้นก็ทำการจัดเก็บข้อมูล แล้วให้เราไปยังหน้าร้านค้า เลือกหมวดสินค้าที่เราได้เพิ่มตัวกรองลงไป ดังรูป

ตัวอย่างระบบกรองสินค้า

ตัวอย่างระบบกรองสินค้า

ระบบก็จะแสดงจำนวนบอกเลยว่า มีสินค้ากี่ชิ้นอยู่มนตัวกรองดังกล่าว

ความเหมือนที่ต่างกัน? จะว่าไประบบกรองสินค้าเกือบจะเหมือนหมวดหมู่สินค้าเลย เพียงแต่สามารถแยกการแสดงสินค้าได้หลากหลายกว่า เพราะหมวดสินค้า เราต้องกดเข้าไปดูตามหมวดสินค้านั้นๆ ในขณะที่ ระบบกรองสินค้า เพียงเข้ามาที่หมวดหลัก แล้วเลือกการแสดงว่าเราต้องการดูสินค่ากลุ่มไหน ไม่จำเป็นต้องกดเข้าไปดูตามหมวดย่อยๆอีก ก็ช่วยเพิ่มความสะดวกดี อีกทั้งยังทำให้ลูกค้า หาสินค้าได้ง่ายยิ่งขึ้นด้วย

จบวิธีการใช้งานระบบกรองสินค้าในระบบร้านค้าออนไลน์ Opencart 1.5.5

Don't be shellfish...Share on FacebookTweet about this on TwitterShare on Google+Digg thisPin on PinterestShare on Reddit

One Response so far.

  1. araikordai พูดว่า:

    ขอบคุณครับ

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องที่ต้องการถูกทำเครื่องหมาย *

คุณอาจจะใช้ป้ายกำกับและคุณสมบัติHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>