วิธีจัดเรียงหมวดหมู่ WooCommerce เพื่อประสบการณ์ผู้ใช้ที่ดีขึ้น

เผยแพร่แล้ว: 2020-07-30

จัดเรียงหมวดหมู่สินค้า WooCommerce หากคุณต้องการเปลี่ยนลำดับเริ่มต้นของหมวดหมู่ในไซต์ WooCommerce ของคุณ มีหลายวิธีในการจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce ตามที่ระบุไว้และแสดงไว้ในคู่มือฉบับย่อนี้ หากคุณกำลังมองหาวิธีการจัดเรียงหมวดหมู่ โพสต์นี้จะแนะนำคุณ

คำแนะนำในการจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce

คุณจะแปลกใจว่าการเปลี่ยนลำดับหมวดหมู่นั้นง่ายเพียงใดโดยใช้วิธีที่มีประสิทธิภาพของ WooCommerce ในตัว ตามค่าเริ่มต้น หมวดหมู่ WooCommerce จะแสดงดังแสดงในภาพด้านล่าง:

หมวดหมู่เริ่มต้น

ทำไมต้องจัดเรียงหมวดหมู่ WooCommerce?

การใช้หมวดหมู่สำหรับผลิตภัณฑ์ของคุณมักจะส่งผลต่อวิธีที่ผู้อ่านเข้าถึงเนื้อหาของคุณ ผู้เยี่ยมชมร้านค้า WooCommerce ของคุณควรสามารถค้นหาผลิตภัณฑ์ผ่านหมวดหมู่ผลิตภัณฑ์ได้อย่างง่ายดาย

WooCommerce ช่วยให้คุณแสดงผลิตภัณฑ์ หมวดหมู่บนหน้าร้านค้า หรือหมวดหมู่ย่อยในหน้าหมวดหมู่ในหน้าเก็บถาวรของคุณ

โดยปกติ ผู้ใช้ WooCommerce จำนวนมากจะเลือกตัวเลือกที่สาม ผลิตภัณฑ์ และหมวดหมู่ หรือหมวดหมู่ย่อย หากคุณทำเช่นนี้ หมายความว่าผู้เยี่ยมชมสามารถเลือกผลิตภัณฑ์ได้จากหน้าแรกโดยตรง หรือปรับแต่งการค้นหาโดยคลิกผ่านไปยังคลังหมวดหมู่ผลิตภัณฑ์

นอกจากนี้ หมวดหมู่สินค้ายังช่วยให้คุณจัดระเบียบร้านค้าได้ หากคุณมีสินค้าหลากหลาย ตัวอย่างเช่น หากคุณขายเข็มขัดและเสื้อยืด เข็มขัดและเสื้อยืดไม่ควรอยู่ในหมวดหมู่เดียวกัน จัดเรียงหมวดหมู่ผลิตภัณฑ์ woocommerce

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

อย่างไรก็ตาม สิ่งสำคัญที่ควรทราบคือ WordPress จัดเรียงอนุกรมวิธานนี้ตามลำดับตัวอักษร โดยค่าเริ่มต้น ซึ่งทำให้รายการหมวดหมู่ดูไม่ยืดหยุ่นและไม่มีความหมายในบางครั้ง สิ่งนี้ทำให้จำเป็นต้องจัดเรียงหมวดหมู่ให้แตกต่างและน่าสนใจยิ่งขึ้นใน WordPress นี่เป็นข้อกังวลเดียวกันกับที่เจ้าของร้านค้า WooCommerce มี

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

1. วิธีจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้รหัสย่อ

หากคุณคุ้นเคยกับ WooCommerce คุณทราบดีว่ามีรหัสย่อจำนวนมากสำหรับแสดงผลิตภัณฑ์และหมวดหมู่ผลิตภัณฑ์ ตัวอย่างเช่น สามารถใช้รหัสย่อ [product_categories] เพื่อแสดงหมวดหมู่ในหน้าใดก็ได้

นอกจากนี้ สำหรับบทช่วยสอนง่ายๆ นี้ เราจะใช้พารามิเตอร์สองตัว พารามิเตอร์แรกคือพารามิเตอร์ 'orderby' ซึ่งค่าที่ยอมรับต่อไปนี้: ID, title และ name พารามิเตอร์ที่สองคือ 'ลำดับ' ที่ยอมรับค่าเหล่านี้: ASC และ DESC

a) การจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้พารามิเตอร์ orderby

พารามิเตอร์นี้สามารถกำหนดค่าต่างๆ ได้ขึ้นอยู่กับสิ่งที่เราต้องการจะเรียงลำดับตามหมวดหมู่ โดยค่าเริ่มต้น พวกมันจะเรียงตามชื่อ ดังนั้นเราจะกำหนดค่า 'ID' ให้กับพารามิเตอร์นี้ นี่คือรหัสย่อที่เราจะใช้ [product_categories orderby='ID']

ขั้นตอนในการจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้พารามิเตอร์ orderby

  1. ลงชื่อเข้าใช้ไซต์ WordPress และเข้าถึง แดชบอร์ด ในฐานะผู้ดูแลระบบ
  2. จากเมนูแดชบอร์ด ให้คลิกที่ เพจ จากนั้นเลือกเพจที่คุณต้องการเพิ่มหมวดหมู่สินค้า สำหรับตัวอย่างนี้ เราจะใช้ โฮมเพจ ดังที่แสดงด้านล่าง: การเพิ่มรหัสย่อพารามิเตอร์ orderby
  3. ในการตรวจสอบ ผลลัพธ์ คุณต้องไปที่หน้าที่คุณได้เพิ่มรหัสย่อไว้ เนื่องจากเราเพิ่มไว้ในหน้าแรก ผลลัพธ์จะเป็น: การจัดเรียงหมวดหมู่โดยใช้ Orderby Parameter

หมวดหมู่จะแสดงโดยใช้ ID

b) การจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้พารามิเตอร์คำสั่ง

คล้ายกับพารามิเตอร์ orderby พารามิเตอร์นี้สามารถกำหนดค่าที่แตกต่างกันขึ้นอยู่กับสิ่งที่เราต้องการจัดลำดับหมวดหมู่ด้วย โดยค่าเริ่มต้น พวกมันจะถูกเรียงลำดับจากน้อยไปมาก (ASC) ดังนั้นเราจะกำหนดค่า 'DESC' ให้กับพารามิเตอร์นี้ นี่คือรหัสย่อที่เราจะใช้ [product_categories orderby='ID' order='DESC']

ขั้นตอนในการจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้พารามิเตอร์คำสั่งซื้อ

  1. ลงชื่อเข้าใช้ไซต์ WordPress และเข้าถึง แดชบอร์ด ในฐานะผู้ดูแลระบบ
  2. จากเมนูแดชบอร์ด ให้คลิกที่ เพจ จากนั้นเลือกเพจที่คุณต้องการเพิ่มหมวดหมู่สินค้า สำหรับตัวอย่างนี้ เราจะใช้ หน้าแรก ดังที่แสดงด้านล่าง : เพิ่มรหัสย่อพารามิเตอร์คำสั่ง
  3. ในการตรวจสอบ ผลลัพธ์ คุณต้องไปที่หน้าที่คุณได้เพิ่มรหัสย่อไว้ เนื่องจากเราเพิ่มไว้ในหน้าแรก ผลลัพธ์จะเป็น: การจัดเรียงหมวดหมู่โดยใช้พารามิเตอร์ Order

หมวดหมู่จะแสดงในลำดับจากมากไปน้อย

2. การจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้ข้อมูลโค้ด

นี่เป็นโซลูชันที่เป็นมิตรต่อนักพัฒนาซอฟต์แวร์ที่สามารถช่วยคุณเก็บถาวรผลลัพธ์เช่นเดียวกับการใช้รหัสย่อตามที่ระบุไว้ในตัวอย่างข้างต้น ในทำนองเดียวกัน เราจะใช้พารามิเตอร์สองตัว พารามิเตอร์แรกคือพารามิเตอร์ 'orderby' ซึ่งค่าที่ยอมรับต่อไปนี้: ID, title และ name พารามิเตอร์ที่สองคือ 'ลำดับ' ที่ยอมรับค่าเหล่านี้: ASC และ DESC

ก) การจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้รหัส

นี่เป็นวิธีที่มีประสิทธิภาพมากในการจัดเรียง หมวดหมู่ผลิตภัณฑ์ WooCommerce ของคุณ เพียงทำตามขั้นตอนง่าย ๆ เหล่านี้:

ขั้นตอนในการจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้รหัส

  1. ลงชื่อเข้าใช้ไซต์ WordPress และเข้าถึง แดชบอร์ด ในฐานะผู้ดูแลระบบ
  2. จากเมนูแดชบอร์ด ให้คลิกที่ เมนูลักษณะที่ปรากฏ > เมนูตัวแก้ไขธีม เมื่อเปิดหน้า Theme Editor ให้มองหาไฟล์ฟังก์ชันของธีมที่เราจะเพิ่มฟังก์ชันที่จะจัดเรียง หมวดหมู่ผลิตภัณฑ์ WooCommerce ของคุณ
  3. เพิ่มรหัสต่อไปนี้ ในไฟล์ php และอย่าลืม บันทึกการเปลี่ยนแปลง เมื่อคุณทำเสร็จแล้ว:
 add_filter( 'woocommerce_product_subcategories_args', 'njengah_woocommerce_get_subcategories_ordering_args' );

ฟังก์ชัน njengah_woocommerce_get_subcategories_ordering_args ($args) {

$args['order'] = 'รายละเอียด';

$args['orderby'] = 'ชื่อ';

ส่งคืน $args;

}
  1. ในการตรวจสอบ ผลลัพธ์ คุณต้องไปที่โฮมเพจ คุณควรเห็นสิ่งนี้: การจัดเรียงหมวดหมู่โดยใช้พารามิเตอร์ Order

b) การจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้รหัสอื่น

ขั้นตอนในการจัดเรียงหมวดหมู่ผลิตภัณฑ์ WooCommerce โดยใช้รหัส

  1. ลงชื่อเข้าใช้ไซต์ WordPress และเข้าถึง แดชบอร์ด ในฐานะผู้ดูแลระบบ
  2. จากเมนูแดชบอร์ด ให้คลิกที่ เมนูลักษณะที่ปรากฏ > เมนูตัวแก้ไขธีม เมื่อเปิดหน้า Theme Editor ให้มองหาไฟล์ฟังก์ชันของธีมที่เราจะเพิ่มฟังก์ชันที่จะจัดเรียง หมวดหมู่ผลิตภัณฑ์ WooCommerce ของคุณ
  3. เพิ่มรหัสต่อไปนี้ ในไฟล์ php และอย่าลืม บันทึกการเปลี่ยนแปลง เมื่อคุณทำเสร็จแล้ว:
 add_filter( 'woocommerce_product_subcategories_args', 'njengah_woocommerce_get_subcategories_ordering_args' );

ฟังก์ชัน njengah_woocommerce_get_subcategories_ordering_args ($args) {

$args['order'] = 'รายละเอียด';

$args['orderby'] = 'ID';

ส่งคืน $args;

}
  1. ในการตรวจสอบ ผลลัพธ์ คุณต้องไปที่โฮมเพจ คุณควรเห็นสิ่งนี้:

รหัสทำงานอย่างไร

รหัสแรกใช้เพื่อแสดงหมวดหมู่ในลำดับจากมากไปน้อยของชื่อ (ชื่อ) ในหน้าร้านค้าโดยใช้ $args['order'] = 'desc'; และ $args['orderby'] = 'title'; . สำหรับรหัสที่สอง id ใช้เพื่อจัดเรียงหมวดหมู่เหล่านี้ในลำดับจากมากไปหาน้อยของรหัส ค่าที่กำหนดให้กับพารามิเตอร์ orderby จะเปลี่ยนจาก 'name' เป็น 'ID' ในข้อมูลโค้ด

บทสรุป

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

ชื่อ ค่าและ ชื่อเรื่อง ใช้เพื่อจัดหมวดหมู่ตามลำดับชื่อ ฉันหวังว่าคุณจะได้เรียนรู้วิธีจัดเรียงหมวดหมู่ WooCommerce จากโพสต์นี้ หรืออย่างน้อย คุณมีไอเดียในการเริ่มต้นใช้งาน

บทความที่คล้ายกัน