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

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

free

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

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

 

[skill]จริงๆแล้ว Woocommerce ถ้าเราไม่ระบุราคา บรรดาปุ่มสั่งซื้อทั้งหลายก็ไม่แสดงนะครับ เพราะระบบจะมองว่าเป็นสินค้าที่สั่งซื้อไม่ได้ เน้นให้ข้อมูล[/skill]

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

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

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

[thetext]แสดงคำพูด Call for price[/thetext]

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

back to top