24
Aug

วิธีเรียงลำดับ Product Data Tab ใหม่สำหรับ WooCommerce

Category: Blog / 164 views

เวลาเราทำเว็บด้วย WooCommerce ในหน้ารายละเอียดสินค้านั้นๆ มันจะมีแท็บสำหรับแสดงข้อมูลเพิ่มเติมของสินค้า เช่น รายละเอียดสินค้า รีวิว คำอธิบายแบบละเอียด เป็นต้น ซึ่งตรงนี้เราจะเรียกว่า Product Data Tab ครับ

ซึ่งโดยปกติแล้วระบบ WooCommerce จะเรียงมาให้เราเป็น Description, Product Information, Review ตามลำดับ แต่ทีนี้ถ้าเราอยากจะจัดลำดับมันใหม่ละ? ทำได้อย่างไร?

วิธีการก็ไม่ยากครับ ให้เราเปิดไฟล์ functions.php ในธีมของเราขึ้นมาครับ แล้วใส่คำสั่งนี้ลงไปครับ

/**
 
* Reorder product data tabs
 
*/
 
add_filter( 'woocommerce_product_tabs', 'woo_reorder_tabs', 98 );
 
function woo_reorder_tabs( $tabs ) {
 
 
 
$tabs['reviews']['priority'] = 5; // Reviews first
 
$tabs['description']['priority'] = 10; // Description second
 
$tabs['additional_information']['priority'] = 15; // Additional information third
 
 
 
return $tabs;
 
}

ด้านบน จะเห็นนะครับว่า ยิ่งใส่ตัวเลขน้อยๆ หมายถึงแสดงก่อนครับ ถ้าเราอยากสลับตำแหน่งก็แค่เปลี่ยนตัวเลขแค่นั้นเอง


Phraisohn Siripool is a Graphic Designer and Website Developer. Contact Buksohn for Your Business Endeavours