0%

Loading...

Navigate Auto Update Cart

รายละเอียด (Short Description)

ปลั๊กอินสำหรับ WooCommerce ที่ช่วยปรับปรุงประสบการณ์ผู้ใช้งาน (UX) บนหน้าตะกร้าสินค้า โดยระบบจะอัปเดตคำนวณราคาสินค้าให้อัตโนมัติทันทีเมื่อมีการเปลี่ยนจำนวนสินค้า พร้อมทั้งซ่อนปุ่ม “ปรับปรุงสินค้าในตะกร้า” (Update Cart) ออกจากหน้าเว็บอย่างสมบูรณ์

จุดเด่น & ฟีเจอร์หลัก (Key Features)

  • Auto-Update Quantity: คำนวณราคาและอัปเดตรวมยอดเงินในตะกร้าสินค้าให้อัตโนมัติทันที เมื่อลูกค้าแก้ไขตัวเลข หรือกดปุ่มเพิ่ม/ลด (+ / -)
  • Seamless UI/UX: ซ่อนปุ่ม “ปรับปรุงสินค้าในตะกร้า” (Update Cart) ออกอย่างหมดจด ทั้งภาษาไทยและภาษาอังกฤษ ลดขั้นตอนที่ไม่จำเป็นให้ลูกค้าสั่งซื้อสินค้าได้รวดเร็วยิ่งขึ้น
  • Debounce Delay System (500ms): มีระบบชะลอการส่งข้อมูล 0.5 วินาที รอให้ผู้ใช้พิมพ์ตัวเลขเสร็จก่อน เพื่อช่วยประหยัดการทำงานของเซิร์ฟเวอร์ และป้องกันหน้าเว็บค้างจากการกดรัวๆ
  • Universal Compatibility: รองรับระบบธีมและ Page Builder ที่หลากหลาย (เช่น Astra, Flatsome, Kadence, Elementor, Divi) รวมทั้งดักจับ Class ปุ่มบวกลบเฉพาะตัวของแต่ละธีมได้ครบถ้วน
  • Lightweight & Clean Code: โค้ดขนาดเล็กมาก ไม่ดึงประสิทธิภาพหน้าเว็บอื่น และทำงานเฉพาะในหน้าตะกร้าสินค้าเท่านั้น
Category:
คำอธิบาย

รายละเอียดการทำงานทางเทคนิค (Technical Overview)

  1. CSS Injection Control: ปลั๊กอินจะทำการ Inject CSS เข้าสู่เฉพาะในหน้า ตะกร้าสินค้า (is_cart()) เพื่อสั่ง display: none !important; กับ Selector ของปุ่มอัปเดตทุกรูปแบบ
  2. Event Listener: ใช้ JavaScript (jQuery) ดักจับ Event ทั้ง change, input บนช่อง .qty รวมถึง Event click บนปุ่มปรับจำนวนสินค้าภาษาไทย/อังกฤษ
  3. Form Trigger: เมื่อเกิดการเปลี่ยนแปลง ปลั๊กอินจะสร้าง hidden input update_cart เข้าสู่ฟอร์มเบื้องหลัง และทำการสั่ง Submit Form ส่งไปยังระบบ AJAX มาตรฐานของ WooCommerce ทันที

ข้อมูลเชิงเทคนิค (Technical Specifications)

  1. WordPress Version: รองรับ WordPress 5.8 ขึ้นไป
  2. PHP Version: รองรับ PHP 7.4 ขึ้นไป (แนะนำ PHP 8.0+)
  3. Cross-Browser Compatible: รองรับ Chrome, Safari, Firefox, Edge และเบราว์เซอร์บนมือถือทุกชนิด
Ln./Yt./X./Ig./Fb.
Follow Us