Jak ukryć cenę i przycisk Dodaj do koszyka w WooCommerce?

Ukrywanie cen produktów i przycisku Dodaj do koszyka w WooCommerce to tak naprawdę chwyt marketingowy. I to też przynosi korzyści.

Ale kto powinien to robić, po co i jak to robić?

Na tym blogu udostępnimy fragmenty kodu, aby ukryć ceny w WooCommerce dla wszystkich odwiedzających lub na podstawie pewnych warunków, takich jak status zalogowania i kilka innych scenariuszy!

Kiedy ukryć ceny w sklepie WooCommerce?

Mogą zaistnieć sytuacje, w których warto ukryć ceny i przycisk Dodaj do koszyka:

• Hurtownicy — Chcesz ukryć cenę przed klientami detalicznymi, jednocześnie umożliwiając klientom hurtowym wyświetlanie cen. To jest przykład pokazywania cen tylko zarejestrowanym użytkownikom.
• Katalogi i premiery produktów — jeśli planujesz nowe produkty lub sklep, po prostu chcesz wzbudzić zainteresowanie, prezentując swój katalog produktów bez ceny i przycisku Dodaj do koszyka.
• Pozycje niedostępne – Chcesz ukryć ceny produktów, których nie ma w magazynie i nie masz pewności, kiedy będą dostępne w następnej kolejności.
• Budowanie listy – Zainteresowani kupujący skontaktują się ze sklepem w sprawie ceny. Może to być sposób na tworzenie list e-mailowych lub nawiązywanie bardziej osobistych kontaktów z potencjalnymi klientami.
• Zakupy offline – niektórzy sprzedawcy wykorzystują stronę internetową wyłącznie do marketingu i reklamy oryginalnych produktów. Rzeczywiste produkty są dostępne tylko w sklepach stacjonarnych.
• Tylko dla członków — Utwórz sklep tylko dla członków, w którym zarejestrowani klienci muszą się zalogować, aby zobaczyć ceny specjalnych pakietów członkowskich. Zalecamy korzystanie z wtyczki WooCommerce Memberships do tworzenia i sprzedawania produktów członkowskich w Twoim sklepie.

Teraz, gdy wiemy, kto musi ukrywać ceny i dlaczego, przyjrzyjmy się, jak je ukryć.

Ukryj cenę WooCommerce – fragmenty kodu dla różnych scenariuszy

Ponieważ WooCommerce nie zawiera tej funkcji, musisz użyć fragmentów kodu lub niektórych wtyczek.

A dodawanie fragmentów kodu jest ryzykowne. Sugerujemy więc zapoznanie się z tym dokumentem, aby dowiedzieć się, jak bezpiecznie dodawać kod do pliku functions.php.

Ukryj ceny na stronach produktów

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_price' );
funkcja storeapps_remove_price( $cena = ''){
powrót '';
}

Ukryj ceny tylko na stronie sklepu WooCommerce

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

Ukryj ceny na wszystkich stronach z wyjątkiem strony koszyka i kasy 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);

function storeapps_remove_prices( $cena = '', $produkt ) {
if ( ! is_admin() ) $cena = '';
cena zwrotna;
}

Ukryj ceny produktów, których nie ma w magazynie

Możesz chcieć ukryć ceny produktów niedostępnych w sklepie, kategoriach, archiwach, pętlach i na stronie pojedynczego produktu.

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

function storeapps_hide_price_if_out_stock_frontend( $cena = '', $produkt ) {
if ( is_admin() ) zwraca $cenę; // zwróć jeśli pulpit administratora
return (! $product->is_in_stock() ) ? Apply_filters('woocommerce_empty_price_html', '', $product ) : $cena;
}

Ukryj ceny dla niezalogowanych użytkowników

Gdy chcesz zmusić użytkowników do zalogowania się w celu przeglądania cen i dodawania produktów do koszyka.

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

funkcja storeapps_hide_price_addcart_not_logged_in( $cena = '', $produkt ) {
if ( is_user_logged_in() ) {
cena zwrotna;
}
$price = '<div><a href="' . get_permalink( wc_get_page_id( 'myaccount' ) ). '">' . __('Zaloguj się, aby zobaczyć ceny', '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);
cena zwrotna;
}

Ukryj ceny określonych produktów (nowe premiery)

Chcesz ukryć tylko ceny nowych produktów o identyfikatorach 303 i 609, ale wyświetlić ceny pozostałych produktów.

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

funkcja storeapps_hide_price_product_ids( $cena = '', $produkt ) {
$ukryj_dla_produktów = array( 303, 609 ); // Podaj listę identyfikatorów produktów, dla których ceny mają być ukryte
return ( in_array( $product->get_id(), $hide_for_products ) ) ? '' : $cena;
}

Ukryj ceny dla określonych kategorii produktów

add_filter( 'woocommerce_get_price_html','storeapps_hide_price_on_taxonomy' );

funkcja storeapps_hide_price_on_taxonomy( $cena = '' ) {
produkt globalny;
$hide_for_categories = array( 'plakaty'); // Ukryj ślimaki/identyfikatory tych kategorii
return ( has_term( $hide_for_categories, 'product_cat', $ product->get_id() ))? '' : $cena; // Nie pokazuj ceny, gdy jest w jednej z kategorii, w przeciwnym razie zwróć pierwotną cenę
}

Wniosek

Ukrywanie cen i przyciski Dodaj do koszyka pomagają zachować kontrolę nad produktami, szczególnie w przypadku hurtowni, witryn katalogowych i innych przypadków opisanych na tym blogu.

Mamy nadzieję, że ten artykuł „Ukryj ceny WooCommerce” okaże się przydatny. Wszelkie opinie lub zapytania, podziel się nimi poniżej.