Skip to content

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

ทำความรู้จัก YITH WooCommerce Ajax Product Filter

ปลั๊กอิน YITH WooCommerce Ajax Product Filter เปิดตั้วครั้งแรกในปี 2015 เรียกว่าเป็นปลั๊กอินเก่าแก่ เปิดตัวมายาวนาน ใช้สำหรับ Filter กรองสินค้า เป็นเครื่องมือที่ช่วยให้ลูกค้าจำกัดขอบเขตของสินค้าที่กำลังมองหาและค้นหาสินค้าที่อาจสนใจโดยแยกตามคุณสมบัติเฉพาะ เช่น ขนาด สี หมวดหมู่ ฯลฯ การกรองสินค้าเป็นสิ่งที่ช่วยให้ผู้เยี่ยมชมเว็บเพลิดเพลินและชมสินค้าต่างๆ แทนที่จะเลิกหาต่อในไม่กี่วินาที

YITH WooCommerce Ajax Product Filter ยังช่วยเพิ่มประสบการณ์ผู้ใช้ในร้านค้าที่ขับเคลื่อนด้วย WooCommerce ได้อย่างดีเยี่ยม สามารถช่วยให้ลูกค้าค้นหาและกรองสินค้าตาม categories, tags, taxonomy และ attributes ทุกประเภท เช่น ขนาด สี วัสดุ ยี่ห้อ ฯลฯ ได้อย่างง่ายดาย

เราสามารถสร้างค่า presets ได้ไม่จำกัดและแสดง Filters บนหน้า WooCommerce (หน้าร้านค้า หน้าหมวดหมู่) หรือหน้า Custom page ที่สร้างด้วย Gutenberg หรือ Elementor สามารถเพิ่มตัวกรองได้ทุกที่โดยใช้วิดเจ็ต, shortcode หรือบล็อก Gutenberg วิธีนี้สามารถสร้างชุด presets สำหรับหน้าร้านค้า, หมวดหมู่สินค้าเฉพาะหรือแม้แต่ Custom page และอื่นๆ แบบไม่มีขีดจำกัด

สำหรับเวอร์ชั่นฟรีมียอดติดตั้งไปแล้วกว่า 90,000 ครั้ง มีการอัพเดตอยู่เรื่อยๆ เรียกว่าสบายใจได้เลยครับ

ฟีเจอร์สำหรับเวอร์ชั่นฟรี

+ สร้างและปรับแต่ง Filters แบบ Presets ไม่จำกัดเพื่อแสดงบนหน้าต่างๆ ได้อย่างง่ายดาย

+ แสดง Filters โดยใช้ Widget Shortcodes และบล็อก Gutenberg

+ กรองตามหมวดหมู่สินค้า

+ กรองตาม Tags

+ กรอง attributes ของสินค้า (สี ขนาด วัสดุ ฯลฯ)

+ เลือก Filter style ได้หลายแบบ เช่น checkbox, select, ข้อความ และ color swatches

+ เลือกการเรียงลำดับตามเงื่อนไข

+ เลือกว่าจะแสดงลำดับชั้นของเงื่อนไขหรือไม่

+ อนุญาตให้เลือกแบบหลายรายการ (ด้วย AND หรือ OR) หรือไม่

+ การกรองแบบ Adoptive คำที่ไม่สามารถใช้ได้จะถูกซ่อนไว้

+ แสดงปุ่ม “Reset Filters”

+ มีตัวเลือก Scroll-to-top ในอุปกรณ์เคลื่อนที่และ/หรือเดสก์ท็อป

+ ตัวเลือก SEO สามารถเปิด/ปิด การใช้งานการจัดทำ Index ของ URL ที่สร้างขึ้นในเครื่องมือค้นหา

+ ดีไซน์สวยงาม ทันสมัย เหมาะกับร้านค้าหรือธีมแต่ละประเภท

+ ปรับปรุงประสิทธิภาพการใช้งานมีการใช้ lazy load filters และเงื่อนไขการแบ่งหน้าใน AJAX เพื่อลดเวลาในการโหลดหน้าแรก

ฟีเจอร์เวอร์ชั่น Premium

เวอร์ชั่น Premium จะเพิ่มคุณสมบัติที่เด็ดๆ มากขึ้น

+ มีเลย์เอาท์สองแบบสำหรับ Filter สี รองรับสองสีและรูปภาพ

+ เลย์เอาท์เพิ่มเติม ป้ายกำกับ/รูปภาพ, อัปโหลดไอคอน, รูปภาพ และรูปภาพเพื่อระบุ terms

+ เลือกตำแหน่งของปุ่มรีเซ็ต (เหนือสินค้า ด้านบนหรือด้านล่างบริเวณ filters)

+ เลือกว่าจะแสดงหรือไม่แสดง filter ที่ใช้งานอยู่ และตำแหน่ง (เหนือสินค้า ด้านบนหรือด้านล่างบริเวณ filters)

+ หน้าต่าง Modal บนมือถือ สำหรับ Filters ที่ปรับมารองรับหน้าจอ Responsive 100% สำหรับอุปกรณ์มือถือ

+ สามารถ Filter รีวิวได้

+ Price slider เพื่อกรองสินค้าตามราคา

+ Price ranges ช่วงราคาไม่จำกัดช่วง

+ ตัวกรองเพื่อแสดงสินค้าลดราคา/ในสต็อก

+ การเรียงลำดับ Ajax สำหรับสินค้าที่แสดงบนหน้าเพจ (ตามเรตติ้ง, ราคา, ความนิยม, ล่าสุด)

+ แสดงคำแนะนำเครื่องมือเพิ่มเติมเมื่อวางเมาส์เหนือ Terms

+ แสดง Filters แบบ Toggle เปิดปิด

+ แสดงหรือซ่อนจำนวนรายการ (Count)

+ การกรองแบบ Adoptive เลือกว่าจะซ่อน terms ที่ไม่มี (เช่นในเวอร์ชันฟรี) หรือให้มองเห็นได้แต่ไม่สามารถคลิกได้ (เฉพาะในเวอร์ชั่นพรีเมียม)

+ Variations filtering กรอง Variations ได้ ต้องมีตัวแปรแสดงในผลลัพธ์อย่างน้อยหนึ่งรายการตรงกับการเลือกปัจจุบัน

+ เลือกซ่อนเงื่อนไขว่างและ out of stock อัตโนมัติ

+ ปรับแต่งสีและสไตล์ของพื้นที่ฟิลเตอร์ผ่านแท็บ “การปรับแต่ง” โดยเฉพาะ (สี ขนาดตัวอย่างสี การเลือกและประเภทช่องทำเครื่องหมาย ฯลฯ)

+ อัปโหลดตัวโหลดที่กำหนดเอง

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

+ ใช้การกรองแบบ AJAX หรือแสดงปุ่มเพื่อใช้ตัวกรองด้วยตนเองโดยไม่ต้องใช้ AJAX

+ เลือกว่าจะแสดงผลลัพธ์ตัวกรองในหน้าเดียวกันหรือหน้าใหม่

+ เข้ากันได้กับปลั๊กอิน Add-on ของแบรนด์ YITH WooCommerce

ทดลองใช้งาน

ไปที่เมนู Plugins > Add new plugin ค้นหาคำว่า “YITH WooCommerce Ajax Product Filter” กดติดตั้งและ Activate ให้เรียบร้อย

การเข้าถึงเมนูไปที่เมนู YITH > Ajax Product Filter

Interface ของเวอร์ชั่นฟรีจะไม่ค่อยซับซ้อนครับ มีการตั้งค่าไม่มากเท่ากับเวอร์ชั่น Premium

เราสามารถเพิ่ม Filter presets ได้ไม่จำกัด และก๊อปปี้ Shortcode นำไปแปะที่ไหนก็ได้ตามต้องการ

และยังสามารถปรับ Filter เพิ่มในแต่ละรายการได้อีก

แท็บ General Options กำหนดค่าทั่วไปของปลั๊กอิน

Lazy filters loading เพื่อเพิ่มความเร็วในการโหลดหน้าแรก

Paginate terms กำหนดเงื่อนไขการแบ่งหน้า ถ้าเปิดการใช้งานจะแสดงไม่เกิน 10 terms ถ้ามีมากกว่านั้นจะแสดงเป็น “Load more”

Reset button กำหนดการแสดงปุ่ม Reset ค่าการกรอง

การ Reset สามารถกำหนดตำแหน่งของปุ่มได้ว่าจะแสดงก่อนหรือหลัง Filters หรือวางไว้เหนือรายการสินค้า

แท็บ SEO เป็นการกำหนดค่าตัวเลือกเพื่อเพิ่มประสิทธิภาพการจัดทำ Index SEO บนหน้าใดๆ ที่มี Filters

เมื่อเรานำ Shortcode ไปแปะยังหน้าเว็บหรือเทมเพลตของ Page Builder หรือธีมที่ใช้ เราก็จะได้ Filter ง่ายๆ ที่ใช้งานได้ฟรี

ตัวอย่างการแสดงผลของ Filters

ราคา

สำหรับราคาเวอร์ชั่น Premium จะมีขายแบบแพลนเดียวเลยครับ คือ ราคา 89.99 ยูโร (ประมาณ 3,600 บาท) เป็นแบบรายปี ใช้สำหรับ 1 เว็บเท่านั้น อัพเดตและ Support ให้ฟรี 1 ปี

สรุป

ปลั๊กอิน YITH WooCommerce เป็นปลั๊กอิน Filter ที่ใช้งานได้ง่ายและมีประสิทธิภาพการใช้งานสูง พัฒนากันมายาวนาน แต่เวอร์ชั่นฟรีอาจจะมีการปรับแต่งของค่าต่างๆ ได้น้อย ดังนั้นถ้าเพื่อนๆ ต้องการฟีเจอร์แบบครบเครื่องกว่านี้คงต้องจัดเวอร์ชั่น Premium มาใช้งานแล้วครับ

รายละเอียดเพิ่มเติม

Back To Top
Search