ปรับแต่งร้านค้า WooCommerce ของคุณโดยใช้ WordPress Hooks

ปรับปรุงล่าสุด - 24 กุมภาพันธ์ 2020

ในบทความนี้ เราจะมาแนะนำหนึ่งในหัวข้อที่สำคัญที่สุดในการพัฒนาธีม WordPress หรือปลั๊กอินสำหรับ WordPress: WordPress hooks และเราจะอธิบายความแตกต่างระหว่าง action hooks และ filter hooks

Hooks ถูกฝังอยู่ในแกนหลักของ WordPress, ธีม WordPress ส่วนใหญ่ และปลั๊กอิน WordPress ชั้นนำทั้งหมด WordPress Hooks เป็นระบบขับเคลื่อนด้วยเหตุการณ์ที่ช่วยให้คุณสามารถเพิ่มรหัสใหม่ของคุณเองหรือแก้ไขรหัสที่มีอยู่ภายในระบบนิเวศของ WordPress

WooCommerce Hooks

WordPress hooks เป็นฟังก์ชันของ php ที่ให้คุณเพิ่มโค้ดของคุณเองลงใน WordPress หรือแก้ไขโค้ดที่มีอยู่ทั่วทั้ง WordPress โดยไม่ต้องแก้ไขไฟล์หลักเมื่อปรับแต่งไซต์ WordPresss และ/หรือร้านค้า WooCommerce

Hooks ถูกใช้ ใน WooCommerce เช่นกัน ทำให้นักพัฒนาสามารถเพิ่มฟังก์ชั่นที่กำหนดเองได้อย่างง่ายดายผ่าน action hooks หรือแก้ไขฟังก์ชันการทำงานที่สร้างขึ้นในปลั๊กอิน WooCommerce เพื่อปรับแต่งร้านค้าออนไลน์ของคุณเพิ่มเติมผ่านตัวกรอง hooks

การกระทำและตัวกรองของ WooCommerce:

มี hooks 2 ประเภทที่คุณสามารถใช้เพื่อปรับแต่งร้านค้า WooCommerce ของคุณเพิ่มเติม แม้ว่าจะไม่แนะนำให้แก้ไขไฟล์ธีมหรือปลั๊กอินโดยตรง แต่ขอแนะนำให้สร้าง ธีม ย่อย แล้วแทรกข้อมูลโค้ด php ลงในไฟล์ functions.php หรือจะใช้ ปลั๊กอิน WooCustomizer ก็ได้ แก้ไขตัวกรองจำนวนมากโดยไม่จำเป็นต้องรู้วิธีเขียนโค้ด

ตะขอการกระทำ:

Action hook ถูกวางไว้ใน WooCommerce โดยใช้ do_action( 'action_name' ) ดังนั้น คุณสามารถใช้ชื่อการดำเนินการเพื่อระบุตำแหน่งที่คุณต้องการรันโค้ดที่คุณกำลังเพิ่ม

ในการเพิ่มโค้ดที่กำหนดเอง คุณเพียงแค่สร้างฟังก์ชัน php ใหม่โดยมีโค้ดอยู่ภายใน และคุณระบุตำแหน่งที่คุณต้องการให้โค้ดทำงานโดยเพิ่มชื่อการดำเนินการเป็นพารามิเตอร์แรกใน ฟังก์ชัน add_action()

ตัวอย่าง:

add_action( 'action_name', 'your_custom_function_name' );
function your_custom_function_name() {
// Your code
}

ดังนั้นคุณเพียงแค่พูดกับรหัส WooCommerce – " เพิ่มการกระทำของฉันเมื่อ do_action นี้ทำงาน "

ตะขอกรอง:

ตะขอตัวกรองถูกเรียกทั่วทั้ง WooCommerce โดยใช้ apply_filter( 'filter_name', $variable ) วิธีนี้ช่วยให้คุณจัดการตัวแปรที่ส่งผ่านไปยังฟังก์ชันแล้วคืนค่าตัวแปรตามที่คุณต้องการ

ตัวอย่าง:

add_filter( 'filter_name', 'your_custom_function_name' );
function your_custom_function_name( $variable ) {
// Your code editing the variable
return $variable;
}

เช่นเดียวกับ action hook คุณสร้างฟังก์ชัน php ของคุณเองและระบุว่าจะใช้ตัวกรองใด แต่คราวนี้คุณกำลังส่งผ่านตัวแปรที่มีอยู่แล้ว และใช้ฟังก์ชันของคุณเพื่อจัดการกับผลลัพธ์ที่คุณต้องการให้เป็น

ด้วย Filter hooks คุณต้องคืน ค่า

คุณไม่แน่ใจเกี่ยวกับการสร้างธีมลูก เพิ่มหรือแก้ไขฟังก์ชัน php ของคุณเองโดยใช้ WooCommerce หรือไม่?

ปรับแต่งร้านค้า WooCommerce ของคุณด้วย WooCustomizer

ดู ปลั๊กอิน WooCustomizer ใหม่ … WooCustomizer มาพร้อมกับฟังก์ชันมากมายในการแก้ไขและปรับแต่งร้านค้า WooCommerce ของคุณเพิ่มเติมโดยไม่ต้องมีความรู้ด้านการเขียนโปรแกรมหรือจำเป็นต้องเพิ่มโค้ดของคุณเอง

WooCustomizer เสนอ WooCommerce hooks ที่มีอยู่มากมายสำหรับการแก้ไขและเพิ่มฟังก์ชันพิเศษให้กับร้านค้า WooCommerce ของคุณ

คุณลักษณะบางอย่างที่ปลั๊กอิน WooCustomizer นำเสนอ:

• แก้ไขแบนเนอร์ 'ลดราคา' ของผลิตภัณฑ์สำหรับหน้าร้านค้าและสินค้า
• แก้ไขปุ่ม 'Add to Cart' สำหรับสินค้าประเภทต่างๆ
• ลบองค์ประกอบร้านค้า สินค้า บัญชีผู้ใช้ และหรือหน้าตะกร้าสินค้าออก
• เพิ่มแบนเนอร์ 'สินค้าใหม่' หรือ 'สินค้าหมด' ให้กับสินค้าในร้านค้าของคุณ
• ปรับแต่งการออกแบบของปุ่มหยิบใส่ตะกร้า ป้ายลดราคา และอื่นๆ
• แก้ไขแท็บบัญชีผู้ใช้ & ช่องชำระเงินพื้นฐานสำหรับผู้ใช้
• เพิ่มสถิติผลิตภัณฑ์ไปยังส่วนหน้าของเว็บไซต์สำหรับผู้ใช้ผู้ดูแลระบบ
• เพิ่มรายการเมนูเข้าสู่ระบบ / ออกจากระบบไปยังเมนูที่เลือก

+ อื่น ๆ อีกมากมาย

ดาวน์โหลด WooCustomizer

ต้องการมากขึ้นสำหรับร้านค้า WooCommerce ของคุณหรือไม่

WooCustomizer ยังมาพร้อมกับเวอร์ชันพรีเมียมที่มอบสิ่งพิเศษมากมายเพื่อเพิ่มยอดขายและเพิ่มคุณสมบัติที่มีประโยชน์พิเศษให้กับร้านค้า WooCommerce ของคุณ

WooCustomizer Pro ประกอบด้วย:

โหมดแคตตาล็อกสำหรับ WooCommerce

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

หน้าขอบคุณแบบกำหนดเองสำหรับ WooCommerce

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

สินค้า Quick View สำหรับ WooCommerce

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

WooCommerce Ajax Search

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

รถเข็นเมนู WooCommerce

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

ดู WooCustomizer

ใช้คูปองพิเศษของเราเพื่อรับส่วนลด 15% สำหรับการซื้อครั้งแรกสำหรับ WooCustomizer

LW15OFF

เริ่มแก้ไขด้วย hooks!

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

โปรดทราบ: อย่าลืมโค้ดนี้ควรเพิ่มใน ธีม ย่อย หรือ ปลั๊กอินการปรับแต่งไซต์ เสมอ เพื่อไม่ให้การแก้ไขหายไปเมื่อคุณอัปเดตธีม WordPress

หากคุณยังไม่แน่ใจเกี่ยวกับการเพิ่มโค้ดของคุณเองเพื่อแก้ไขร้านค้า WooCommerce ของคุณต่อไป เราขอแนะนำให้คุณลองใช้ ปลั๊กอิน WooCustomizer ต้องใช้ WooCommerce hooks ที่มีอยู่ทั้งหมด และสร้างอินเทอร์เฟซแบบภาพเพื่อแก้ไขโค้ด ทั้งหมดนี้มีอยู่ใน WP Customizer และยังมีคุณสมบัติอื่นๆ อีกมากมาย เช่น สถิติผลิตภัณฑ์ รายการเมนูการเข้าสู่ระบบ/ออกจากระบบ และอีกมากมาย