วิธีซ่อนปุ่ม Add to Cart สำหรับสินค้าบางประเภท

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

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

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

เมื่อปล่อยช่อง Regular Price ให้ว่าง ก็จะเห็นว่าในหน้าเว็บ ไม่มีปุ่มสั่งซื้อสินค้าโผล่มาแล้ว ขั้นตอนต่อมา เราก็ทำการใช้คำสั่งเพิ่มข้อความเข้าไป โดยเช็คว่า ถ้าสินค้านั่น ไม่มีการระบุราคาสินค้า ให้ขึ้นข้อความ “โทรสอบถาม” แทน

ลูกค้าก็พึงพอใจกับแนวคิดนี้ครับ เพราะสินค้าบางตัวก็มีราคาได้เลย บางอย่างก็ไม่สามารถมีได้ หลังจากโอเคกับวิธีการแก้ปัญหาแล้วก็ให้ผมจัดการได้เลย

และนี่คือคำสั่งที่ว่าครับ เขียนในไฟล์ functions.php นะครับ

add_filter('woocommerce_empty_price_html', 'custom_call_for_price');

function custom_call_for_price() {
 return 'Call for price';
}

จริงๆ วิธีการในการแก้ปัญหาอย่างเดียวกัน มีหลากหลายวิธีมากเลยครับ แล้วแต่ว่าเราอยากจะเลือกวิธีไหน บางคนอาจจะเลือกให้ใส่ราคาสินค้าเป็น 0 แล้วทำการซ่อนปุ่มที่ราคาสินค้าเป็น 0 แล้วก็เปลี่ยนข้อความจากคำว่า “ฟรี” เป็นคำอื่น ซึ่งมันก็ทำได้ครับ เพียงแต่ขั้นตอนก็จะเยอะกว่า

สำหรับใครที่ขายสินค้าประเภทที่ต้องโทรสอบถาม ก็ลองนำเทคนิคนี้ไปลองใช้ดูได้นะครับ

ขอบคุณโค้ดคำสั่งชุดนี้จากลิงค์นี้ครับ

https://gist.github.com/mikejolley/1597957