วิธีซ่อนปุ่ม 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

เราใช้คุกกี้เพื่อพัฒนาประสิทธิภาพ และประสบการณ์ที่ดีในการใช้เว็บไซต์ของคุณ คุณสามารถศึกษารายละเอียดได้ที่ นโยบายความเป็นส่วนตัว และสามารถจัดการความเป็นส่วนตัวเองได้ของคุณได้เองโดยคลิกที่ ตั้งค่า

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

ยอมรับทั้งหมด
Manage Consent Preferences
  • คุกกี้ที่จำเป็น
    Always Active

    ประเภทของคุกกี้มีความจำเป็นสำหรับการทำงานของเว็บไซต์ เพื่อให้คุณสามารถใช้ได้อย่างเป็นปกติ และเข้าชมเว็บไซต์ คุณไม่สามารถปิดการทำงานของคุกกี้นี้ในระบบเว็บไซต์ของเราได้

  • คุกกี้เพื่อการวิเคราะห์

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

  • คุกกี้เพื่อปรับเนื้อหาให้เข้ากับกลุ่มเป้าหมาย

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

บันทึก