วิธีเปลี่ยนข้อความใส่รถเข็น คู่มือ WooCommerce พร้อมตัวอย่าง

ข้อความ add-to-cart เริ่มต้นของ WooCommerce เป็นหนึ่งในการเปลี่ยนแปลงทั่วไปที่ผู้ใช้ WooCommerce ส่วนใหญ่ต้องการ เนื่องจากปลั๊กอินอีคอมเมิร์ซถูกใช้ในทุกอุตสาหกรรม การปรับแต่งที่เจ้าของร้านค้าหรือผู้ให้บริการ WooCommerce ต้องการคือข้อความที่กำหนดเองบนปุ่มคำกระตุ้นการตัดสินใจ แทนที่จะเป็นข้อความเริ่มต้น 'add to cart' ตัวอย่างเช่น เว็บไซต์จองทัวร์จะต้องให้ข้อความในรถเข็นเป็น 'Book Tour' หรือ 'Book Holiday'

การปรับแต่ง WooCommerce

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

หากคุณกำลังมองหาวิธีที่ง่ายและรวดเร็วในการเปลี่ยนข้อความในรถเข็นใน WooCommerce บทช่วยสอนนี้จะแสดงให้คุณเห็นในคำแนะนำทีละขั้นตอนอย่างรวดเร็ว เพื่อประหยัดเวลา ฉันต้องการสรุป 3 ขั้นตอนเพื่อให้คุณอ่านคร่าวๆ:

ทีละขั้นตอน WooCommerce เปลี่ยนข้อความ ใส่ในรถเข็น

1. ค้นหาไฟล์ฟังก์ชั่นธีม – ค้นหาไฟล์ ธีมของคุณ function.php (ไฟล์ธีมนี้อยู่ในโฟลเดอร์หลักของธีมที่ใช้งานอยู่) wp-content/themes/your-theme/functions.php อีกวิธีหนึ่งคือ สามารถรวมโค้ดนี้ในปลั๊กอินที่กำหนดเองได้ และโค้ดดังกล่าวจะยังใช้งานได้ สิ่งสำคัญที่ต้องจำไว้คือสำรองธีม WordPress ของคุณก่อนที่จะเริ่มทำการเปลี่ยนแปลงใดๆ คุณสามารถใช้ FTP หรือ Cpanel เว็บโฮสติ้งเพื่อค้นหาไฟล์นี้ในธีมที่ใช้งานอยู่ของคุณ
2. เพิ่มตัวกรองที่มีข้อความใหม่ – ใน functions.php ไฟล์นี้ คุณจะเพิ่มตัวกรองเบ็ดที่ตรวจสอบข้อความ 'หยิบใส่ตะกร้า' และแทนที่ด้วยเนื้อหาที่คุณวางในฟังก์ชันเรียกกลับ คุณสามารถแทนที่สิ่งนี้ด้วยข้อความเช่น "จองวันหยุด" สำหรับเว็บไซต์วันหยุดหรือ "ซื้อแทร็กเพลง" สำหรับเว็บไซต์เพลงเป็นต้น
3. กำหนดเป้าหมายทั้งปุ่มเดียวและปุ่มเก็บถาวร – หลังจากเพิ่มโค้ดลงในไฟล์แล้ว คุณสามารถอัปเดตและเห็นการเปลี่ยนแปลงข้อความในปุ่มเพิ่มในรถเข็น คุณต้องเพิ่มตัวกรองสำหรับทั้งปุ่มหยิบใส่ตะกร้าในหน้าเดียวและหน้าเก็บถาวร ตอนนี้ ให้ฉันอธิบายและอธิบายขั้นตอนเหล่านี้โดยละเอียดพร้อมตัวอย่างที่ใช้งานได้จริง และแบ่งปันรหัสกับคุณเพื่อเปลี่ยนข้อความในรถเข็น

วิธีการเปลี่ยนข้อความในรถเข็น WooCommerce ในรายละเอียด

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

ผลิตภัณฑ์เดียว Woocommerce เปลี่ยนข้อความ เพิ่มในรถเข็น

เรามาเริ่มด้วยการเปลี่ยนข้อความหยิบใส่ตะกร้าในหน้าสินค้าชิ้นเดียวดังที่แสดงในภาพด้านบน จากนั้นเปิดไฟล์ functions.php ของคุณและเพิ่มโค้ดต่อไปนี้เพื่อเปลี่ยนข้อความของปุ่มดังที่แสดงในภาพด้านบน:

 add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_woocommerce_button_text' ); 

ฟังก์ชั่น custom_woocommerce_button_text () {

ส่งคืน __( 'ซื้อหนังสือการ์ตูน', 'โดเมนข้อความ' );

}

ในตัวอย่างนี้ ฉันใช้ธีม WordPress เริ่มต้น Twenty Seventeen และฉันได้เพิ่มโค้ดลงในไฟล์ functions.php ดังที่แสดงด้านล่าง:

คุณยังสามารถเพิ่มโค้ดลงในปลั๊กอินที่คุณกำลังสร้างหรือคุณสามารถเพิ่มลงในธีมอื่นและผลลัพธ์จะเหมือนกัน หลังจากเพิ่มและอัปเดตโค้ดนี้แล้ว คุณจะเห็นการเปลี่ยนแปลงในส่วนหน้าดังที่แสดงด้านล่าง:

วิธีที่ WooCommerce เปลี่ยนข้อความใส่ตะกร้ามัน Code Works

add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_woocommerce_button_text' );

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

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

คลังเก็บ Woocommerce เปลี่ยนข้อความ เพิ่มในรถเข็น

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

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

add_filter('woocommerce_product_add_to_cart_text','custom_woocommerce_archives_text');

นี่เป็น filter อื่นที่เหมือนกับตัวกรองก่อนหน้าที่ใช้พารามิเตอร์แรกเพื่อตรวจสอบข้อความที่หยิบใส่ตะกร้า การเปลี่ยนแปลงเหล่านี้ในข้อความจะถูกส่งคืนใน callback function ตามที่แสดงในโค้ดด้านล่างทั้งหมด:

 add_filter( 'woocommerce_product_add_to_cart_text', 'custom_woocommerce_archives_text' ); 

ฟังก์ชั่น custom_woocommerce_archives_button_text(){

ส่งคืน __( 'ซื้อหนังสือการ์ตูน', 'โดเมนข้อความ' );

}

คุณยังสามารถใช้ callback function ได้ เนื่องจากฟังก์ชันเหล่านี้ทำงานเดียวกันแทนที่จะมีสองฟังก์ชัน หนึ่งสำหรับผลิตภัณฑ์เดียวและอีกรายการสำหรับเอกสารสำคัญ ในกรณีนี้ คุณจะมีตัวกรอง hooks สองตัวและฟังก์ชัน callback หนึ่งฟังก์ชันดังแสดงในโค้ดด้านล่าง :

 //ผลิตภัณฑ์เดียวและตัวกรองเอกสารทั่วไป

add_filter( 'woocommerce_product_single_add_to_cart_text', 'custom_woocommerce_button_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'custom_woocommerce_button_text' );

//ฟังก์ชันเรียกกลับ 

ฟังก์ชั่น custom_woocommerce_button_text(){

ส่งคืน __( 'ซื้อหนังสือการ์ตูน', 'โดเมนข้อความ' );

}

บทสรุป

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