24
Aug

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

Category: Blog / 81 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