ผู้เขียน หัวข้อ: วิธีซ่อนปุ่ม Add to Cart ใน Woocommerce สำหรับสินค้าบางประเภท  (อ่าน 1055 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
สวัสดีครับ กลับมาพบกันอีกเช่นเคยกับบทความทำเว็บของบักสนนะครับ วันนี้ผมมาเขียนบล็อกบันทึกความรู้และแบ่งปันเรื่องราวต่างๆที่ผมได้เจอ ระหว่างทำงานครับ โดยในตอนนี้จะมาพูดถึงการทำเว็บด้วย WordPress + Woocommerce ครับ

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

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


แสดงคำพูด Call for price
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


ที่มา: https://www.buksohn.com/hidden-add-to-cart-button-for-some-product.html

« แก้ไขครั้งสุดท้าย: 8 กันยายน 2016, 23:48:28 โดย smf »