วิธีซ่อนและลบผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce

คุณกำลังมองหาวิธีง่ายๆ ในการซ่อนผลิตภัณฑ์ที่เกี่ยวข้องในร้านค้าของคุณหรือไม่? เรามีบางอย่างสำหรับคุณ ในบทความนี้ เราจะแสดงวิธีต่างๆ ในการ ลบผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce

ผลิตภัณฑ์ที่เกี่ยวข้องคืออะไร?

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

เหตุใดจึงลบผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce

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

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

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

ก่อนที่จะแสดงวิธีการลบให้ดูวิธีการตั้งค่าผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce

วิธีการตั้งค่าผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce

การตั้งค่าผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce ค่อนข้างตรงไปตรงมา ใน แดชบอร์ด WordPress ของคุณ ไปที่ ผลิตภัณฑ์ และเปิดผลิตภัณฑ์ใดๆ ในตัวแก้ไขผลิตภัณฑ์ WooCommerce ให้ไปที่ส่วน ข้อมูลผลิตภัณฑ์ เลือกแท็บ ผลิตภัณฑ์ที่เชื่อมโยง และคุณจะเห็นตัวเลือกในการกำหนดค่า Upsells และ Cross-sells

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

สำหรับการสาธิตนี้ เราจะใช้เครื่องมือฟรีที่เรียกว่า Custom Related Products for WooCommerce หลังจากติดตั้งและเปิดใช้งานปลั๊กอินแล้ว คุณจะเห็นอีกหนึ่งตัวเลือกในส่วนผลิตภัณฑ์ที่เชื่อมโยง

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

จากนั้นอัปเดตการตั้งค่า และหากคุณตรวจสอบหน้าผลิตภัณฑ์จากส่วนหน้า คุณจะเห็นผลิตภัณฑ์ที่เกี่ยวข้องที่เลือก

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

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

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

มาดู วิธีการต่างๆ ในการซ่อนผลิตภัณฑ์ที่เกี่ยวข้อง กัน

วิธีซ่อนและลบผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce

มีหลายวิธีในการลบผลิตภัณฑ์ที่เกี่ยวข้องกับ WooCommerce:

1. ด้วยปลั๊กอิน
2. โดยทางโปรแกรม (การเข้ารหัส)
3. การใช้ตัวสร้างเพจ
4. ด้วย CSS
5. จากตัวเลือกธีม

มาดูแต่ละวิธีกันดีกว่า

1) ซ่อนผลิตภัณฑ์ที่เกี่ยวข้องด้วยปลั๊กอิน

มีปลั๊กอินหลายตัวที่คุณสามารถใช้เพื่อซ่อนผลิตภัณฑ์ที่เกี่ยวข้องได้ สำหรับบทช่วยสอนนี้ เราจะใช้ NS Remove Related Products ขั้นแรก คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน ไปที่ Plugins > Add new มองหาเครื่องมือและติดตั้งบนเว็บไซต์ของคุณ

หลังจากเปิดใช้งานปลั๊กอิน คุณจะเห็นว่าคุณได้ลบผลิตภัณฑ์ที่เกี่ยวข้องทั้งหมดออกจากหน้าผลิตภัณฑ์เดียวของคุณเรียบร้อยแล้ว นี่คือปลั๊กอิน Plug-and-play และไม่ต้องการการกำหนดค่าเพิ่มเติมใดๆ

หากคุณตรวจสอบหน้าผลิตภัณฑ์เดียว คุณจะไม่เห็นผลิตภัณฑ์ที่เกี่ยวข้อง

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

2) ลบผลิตภัณฑ์ที่เกี่ยวข้องโดยทางโปรแกรม

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

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

หากต้องการลบผลิตภัณฑ์ที่เกี่ยวข้อง เราจะแก้ไขธีม functions.php ในการทำเช่นนั้น มีสองวิธีที่แตกต่างกัน:

• ผ่านธีมเด็ก
• ผ่านปลั๊กอินเฉพาะไซต์

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

ลองดูทั้งสองตัวเลือกอย่างรวดเร็ว

2.1) ธีมเด็ก

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

นั่นเป็นเหตุผลที่เราแนะนำให้ใช้ธีมย่อย หากคุณต้องการเพิ่มโค้ดที่กำหนดเองให้กับธีมของคุณ การสร้างธีมลูกนั้นค่อนข้างง่าย สำหรับการสาธิตนี้ เราจะใช้ปลั๊กอินชื่อ Child Themify

ขั้นแรก ติดตั้งและเปิดใช้งาน Child Themify บนร้านค้าของคุณ

ใต้ส่วน ลักษณะ ที่ปรากฏ คุณจะเห็นตัวเลือกใหม่ที่เรียกว่า สร้างธีมลูก

จากที่นั่น คุณสามารถสร้างธีมลูกสำหรับธีมหลักของคุณได้

หลังจากสร้างธีมลูกแล้ว ให้เปิดใช้งานและไปที่ตัวแก้ไขธีม

ในที่นี้ เราจะเพิ่มโค้ดเล็กน้อยลงในไฟล์ functions.php ของธีม ตามค่าเริ่มต้น WordPress จะแสดง ไฟล์ style.css ในตัวแก้ไข แต่คุณสามารถเลือกไฟล์ functions.php ได้จากคอลัมน์ทางขวา

หลังจากเลือกไฟล์แล้ว ให้คัดลอกโค้ดจากด้านล่าง

 remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

จากนั้นวางลงในโปรแกรมแก้ไขและอัปเดตไฟล์

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

2.2) ข้อมูลโค้ด

อีกทางเลือกหนึ่งคือการเพิ่มข้อมูลโค้ดที่กำหนดเองโดยใช้ปลั๊กอิน สำหรับบทช่วยสอนนี้ เราจะใช้ Code Snippets ซึ่งเป็นหนึ่งในปลั๊กอินเฉพาะไซต์ฟรีที่มีอยู่ในตลาด

ขั้นแรก ติดตั้งและเปิดใช้งานปลั๊กอินบนไซต์ของคุณ

จากนั้น คุณจะเห็นการตั้งค่าใหม่ทางด้านซ้ายมือ

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

ในการลบผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce เราจะเพิ่มข้อมูลโค้ดใหม่ลงในไซต์

ตั้งชื่อให้กับข้อมูลโค้ดแล้วคัดลอกโค้ดนี้

 remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );

วางในส่วน โค้ด เลือกตัวเลือก เรียกใช้ข้อมูลโค้ดทุก ที่ และเปิดใช้งาน

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

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

3) ซ่อนผลิตภัณฑ์ที่เกี่ยวข้องโดยใช้ตัวสร้างเพจ

อีกตัวเลือกหนึ่งที่น่าสนใจในการซ่อนผลิตภัณฑ์ที่เกี่ยวข้องจากหน้าผลิตภัณฑ์ WooCommerce แต่ละหน้าคือการใช้ปลั๊กอินตัวสร้างเพจโดยเฉพาะ

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

หลังจากดาวน์โหลดปลั๊กอินจากบัญชี Elegant Themes ของคุณแล้ว ให้ติดตั้งและเปิดใช้งาน

ตัวสร้าง Divi มาพร้อมกับประสบการณ์การแก้ไขภาพที่จะช่วยให้คุณแก้ไขหน้าของคุณได้โดยตรงจากส่วนหน้า

ตอนนี้เรามาดูวิธีใช้งานเพื่อลบผลิตภัณฑ์ที่เกี่ยวข้องกับ WooCommerce เปิดหน้าผลิตภัณฑ์ใดๆ จากนั้นคลิกปุ่ม เปิดใช้งาน Visual Builder ในแถบด้านบน

WordPress จะโหลดตัวสร้าง Divi และคุณจะสามารถแก้ไขเทมเพลตของเพจได้จากที่นั่น

ตอนนี้คลิกที่องค์ประกอบ ผลิตภัณฑ์ที่เกี่ยวข้อง และคุณจะเห็นตัวเลือกต่างๆ หากต้องการลบส่วนนี้ ให้เลือกปุ่มลบ

คุณจะเห็นทันทีว่าส่วนนั้นหายไปจากหน้า

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

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

เป็นที่น่าสังเกตว่าตัวสร้าง Divi ใช้งานได้กับธีมส่วนใหญ่ ไม่ใช่แค่ Divi หรือ Extra by Elegant Themes

สำหรับคำแนะนำเพิ่มเติมเกี่ยวกับวิธีการปรับแต่งไซต์ของคุณโดยใช้ Divi ให้ดูที่คำแนะนำต่อไปนี้:

• วิธีปรับแต่งหน้าผลิตภัณฑ์ WooCommerce ด้วย Divi
• เพิ่มปุ่ม Add to Cart ใน Divi Shop Pages
• แบบฟอร์มติดต่อ Divi ไม่ทำงาน? วิธีแก้ไข

4) ลบผลิตภัณฑ์ที่เกี่ยวข้องด้วย CSS

หากคุณไม่ต้องการแก้ไขไฟล์ธีมของคุณหรือใช้ปลั๊กอินใดๆ มีข้อมูลโค้ด CSS ง่ายๆ ที่จะช่วยคุณซ่อนผลิตภัณฑ์ที่เกี่ยวข้องจากหน้าผลิตภัณฑ์เดียวของคุณ

อันดับแรก ใน แดชบอร์ด WordPress ของคุณ ให้ไปที่ ลักษณะที่ ปรากฏ > ปรับแต่ง

เปิดส่วน CSS เพิ่มเติม

และเพิ่มโค้ด CSS ต่อไปนี้:

 .สินค้าที่เกี่ยวข้อง {
 แสดง: ไม่มี;
 }

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

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

5) ลบผลิตภัณฑ์ออกจากตัวเลือกธีม

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

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

โบนัส: วิธีปิดผลิตภัณฑ์ที่เกี่ยวข้องทีละรายการ

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

คุณต้องเพิ่มโค้ดต่อไปนี้ในไฟล์ functions.php ของธีมลูกของคุณ หรือใช้ปลั๊กอินเฉพาะไซต์ สำหรับการสาธิตนี้ เราจะใช้ปลั๊กอิน Code Snippets ดังนั้น เราเพียงแค่ไปที่การตั้งค่าของปลั๊กอิน และสร้างข้อมูลโค้ดใหม่

เราตั้งชื่อและวางด้านล่าง

คำอธิบายของรหัส

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

 // 1. เพิ่มช่องทำเครื่องหมายในหน้าผลิตภัณฑ์เพื่อลบผลิตภัณฑ์ที่เกี่ยวข้อง
add_action( 'woocommerce_product_options_general_product_data', 'quadlayers_add_related_products_checkbox' ); 
ฟังก์ชัน quadlayers_add_related_products_checkbox()
 {woocommerce_wp_checkbox(อาร์เรย์(
 'id' => 'hide_related',
 'คลาส' => '',
 'label' => 'ลบผลิตภัณฑ์ที่เกี่ยวข้อง'
 )
 );
 }

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

 // 2. บันทึกช่องทำเครื่องหมาย

 add_action( 'save_post_product', 'quadlayers_save_related_products_checkbox' );
 ฟังก์ชัน quadlayers_save_related_products_checkbox ($product_id) {
 โกลบอล $pagenow, $typenow;
 ถ้า ( 'post.php' !== $pagenow || 'product' !== $typenow ) ส่งคืน;
 ถ้า ( กำหนด ( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) ส่งคืน;
 if ( isset( $_POST['hide_related'] ) ) {
 update_post_meta( $product_id, 'hide_related', $_POST['hide_related'] );
 } อื่น ๆ delete_post_meta( $product_id, 'hide_related' );
 }

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

 // 3. ซ่อนผลิตภัณฑ์ที่เกี่ยวข้องในหน้าผลิตภัณฑ์เดียว

 add_action( 'woocommerce_after_single_product_summary', 'quadlayers_hide_related_products_checkbox', 1 );
 ฟังก์ชั่น quadlayers_hide_related_products_checkbox () {
 ผลิตภัณฑ์ $ ทั่วโลก;
 if ( ! ว่างเปล่า ( get_post_meta( $product->get_id(), 'hide_related', true ) ) ) {
 remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20 );
 }
 }

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

ภายในตัวแก้ไข คุณจะเห็นตัวเลือกใหม่ที่เรียกว่า ซ่อนผลิตภัณฑ์ที่เกี่ยวข้อง

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

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

การเปลี่ยนจำนวนสินค้าที่เกี่ยวข้องที่คุณสามารถแสดงบนเพจได้

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

ในการดำเนินการนี้ คุณสามารถเพิ่มโค้ดต่อไปนี้ใน functions.php ของธีมลูกหรือใช้ปลั๊กอิน Code Snippets

 /**
 * เปลี่ยนจำนวนสินค้าที่เกี่ยวข้อง
 */
 ฟังก์ชั่น woo_related_products_limit () {
 ผลิตภัณฑ์ $ ทั่วโลก;
 $args['posts_per_page'] = 6;
 ส่งคืน $args;
 }
 add_filter( 'woocommerce_output_related_products_args', 'quadlayers_related_products_args', 20 );
 ฟังก์ชัน quadlayers_related_products_args ($args) {
 $args['posts_per_page'] = 3; // 3 สินค้าที่เกี่ยวข้อง
 $args['columns'] = 1; // จัดเรียงเป็น 1 คอลัมน์
 ส่งคืน $args;
 }

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

วิธีใช้ผลิตภัณฑ์ที่เกี่ยวข้องเพื่อเพิ่มอัตราการแปลง

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

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

บทสรุป

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

ในคู่มือนี้ เราได้เห็นวิธีการต่างๆ ในการลบผลิตภัณฑ์ที่เกี่ยวข้องใน WooCommerce:

• การใช้ปลั๊กอิน
• โดยทางโปรแกรม (การเข้ารหัส)
• การใช้ตัวสร้างเพจโดยเฉพาะ
• ด้วยตัวอย่าง CSS
• จากตัวเลือกธีม

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

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

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

• วิธีเพิ่มผลิตภัณฑ์ WooCommerce
• ปรับแต่งหน้าผลิตภัณฑ์ WooCommerce
• วิธีแก้ไขหน้าร้านค้า WooCommerce

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