จะซ่อนราคา & ปุ่มเพิ่มในรถเข็นใน WooCommerce ได้อย่างไร?

เผยแพร่แล้ว: 2023-03-25
ซ่อน สารบัญ
1. เมื่อใดควรซ่อนราคาในร้านค้า WooCommerce ของคุณ
2. WooCommerce ซ่อนราคา – ข้อมูลโค้ดสำหรับสถานการณ์ต่างๆ
2.1. ซ่อนราคาในหน้าสินค้า
2.2. ซ่อนราคาในหน้าร้านค้า WooCommerce เท่านั้น
2.3. ซ่อนราคาในทุกหน้า ยกเว้นรถเข็น WooCommerce และหน้าชำระเงิน
2.4. ซ่อนราคาสำหรับสินค้าที่หมดสต็อก
2.5. ซ่อนราคาสำหรับผู้ใช้ที่ออกจากระบบ
2.6. ซ่อนราคาสำหรับผลิตภัณฑ์เฉพาะ (เปิดตัวใหม่)
2.7. ซ่อนราคาสำหรับหมวดหมู่ผลิตภัณฑ์เฉพาะ
3. บทสรุป

การซ่อนราคาสินค้าและปุ่ม Add to Cart ใน WooCommerce เป็นกลไกทางการตลาด และมันก็ได้รับผลตอบแทนด้วยเช่นกัน

แต่ใครควรทำ ทำไมต้องทำ และทำอย่างไร?

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

เมื่อใดควรซ่อนราคาในร้านค้า WooCommerce ของคุณ

อาจมีบางสถานการณ์ที่เหมาะสมในการซ่อนราคาและปุ่มหยิบใส่ตะกร้า:

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

ตอนนี้เรารู้แล้วว่าใครต้องซ่อนราคาและทำไม มาดูวิธีซ่อนราคากัน

WooCommerce ซ่อนราคา – ข้อมูลโค้ดสำหรับสถานการณ์ต่างๆ

เนื่องจาก WooCommerce ไม่มีฟีเจอร์นี้ คุณจึงต้องใช้ข้อมูลโค้ดหรือปลั๊กอินบางตัว

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

ซ่อนราคาในหน้าสินค้า

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_price' );
ฟังก์ชัน storeapps_remove_price( $price = ''){
กลับ '';
}

ซ่อนราคาในหน้าร้านค้า WooCommerce เท่านั้น

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_price', 10 );

ซ่อนราคาในทุกหน้า ยกเว้นรถเข็น WooCommerce และหน้าชำระเงิน

add_filter( 'woocommerce_variable_sale_price_html', storeapps_remove_prices', 9999, 2 );

add_filter( 'woocommerce_variable_price_html', 'storeapps_remove_prices', 9999, 2 );

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_prices', 9999, 2 );

ฟังก์ชัน storeapps_remove_prices( $price = '', $product ) {
ถ้า ( ! is_admin() ) $price = '';
คืนราคา $;
}

ซ่อนราคาสำหรับสินค้าที่หมดสต็อก

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

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_if_out_stock_frontend', 9999, 2 );

ฟังก์ชัน storeapps_hide_price_if_out_stock_frontend( $price = '', $product ) {
ถ้า ( is_admin() ) ส่งคืน $price; // ส่งคืนหากแดชบอร์ดของผู้ดูแลระบบ
ส่งคืน ( ! $product->is_in_stock() ) ? apply_filters( 'woocommerce_empty_price_html', '', $product ) : $ราคา;
}

ซ่อนราคาสำหรับผู้ใช้ที่ออกจากระบบ

เมื่อคุณต้องการบังคับให้ผู้ใช้เข้าสู่ระบบเพื่อดูราคาและเพิ่มสินค้าในรถเข็น

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_addcart_not_logged_in', 9999, 2 );

ฟังก์ชัน storeapps_hide_price_addcart_not_logged_in( $price = '', $product ) {
ถ้า ( is_user_logged_in() ) {
คืนราคา $;
}
$price = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ) . '">' __( 'เข้าสู่ระบบเพื่อดูราคา', 'storeapps' ) . '</a></div>';
remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_add_to_cart', 10 );
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_add_to_cart', 30 );
คืนราคา $;
}

ซ่อนราคาสำหรับผลิตภัณฑ์เฉพาะ (เปิดตัวใหม่)

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

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_product_ids', 10, 2 );

ฟังก์ชัน storeapps_hide_price_product_ids( $price = '', $product ) {
$hide_for_products = อาร์เรย์( 303, 609 ); // ระบุรายการรหัสผลิตภัณฑ์ที่ต้องซ่อนราคา
ส่งคืน ( in_array( $product->get_id(), $hide_for_products ) ) ? '' : $ราคา;
}

ซ่อนราคาสำหรับหมวดหมู่ผลิตภัณฑ์เฉพาะ

add_filter( 'woocommerce_get_price_html', 'storeapps_hide_price_on_taxonomy' );

ฟังก์ชัน storeapps_hide_price_on_taxonomy( $price = '' ) {
ผลิตภัณฑ์ $ ทั่วโลก;
$hide_for_categories = array( 'โปสเตอร์' ); // ซ่อนสำหรับทากประเภทเหล่านี้ / รหัส
กลับ ( has_term( $hide_for_categories, 'product_cat', $product->get_id() ) ) ? '' : $ราคา; // อย่าแสดงราคาเมื่ออยู่ในหมวดหมู่ใดหมวดหมู่หนึ่ง มิฉะนั้นจะแสดงราคาเดิม
}

บทสรุป

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

เราหวังว่าคุณจะพบว่าบทความ 'ซ่อนราคา WooCommerce' นี้มีประโยชน์ ข้อเสนอแนะหรือข้อสงสัยแบ่งปันด้านล่าง