Comment masquer le bouton Prix et Ajouter au panier dans WooCommerce ?

Masquer les prix des produits et le bouton Ajouter au panier dans WooCommerce est en fait un gadget marketing. Et il récolte aussi des récompenses.

Mais qui doit le faire, pourquoi le faire et comment le faire ?

Dans ce blog, nous partagerons des extraits de code pour masquer les prix dans WooCommerce pour tous les visiteurs, ou en fonction de certaines conditions comme le statut de connexion et d'autres scénarios !

Quand masquer les prix sur votre boutique WooCommerce ?

Dans certaines situations, il peut être judicieux de masquer les prix et le bouton Ajouter au panier :

• Grossistes - Vous souhaitez masquer le prix aux clients de détail tout en permettant aux clients de gros de voir les prix. Ceci est un exemple d'affichage des prix uniquement pour les utilisateurs enregistrés.
• Catalogues et lancements de pré-produits - Si vous proposez de nouveaux produits ou un magasin, vous souhaitez simplement créer un buzz en présentant votre catalogue de produits, sans le prix ni le bouton Ajouter au panier.
• Articles en rupture de stock – Vous souhaitez masquer les prix des produits qui ne sont pas en stock et vous ne savez pas quand ils seront disponibles ensuite.
• Création de liste - Les acheteurs intéressés contacteront le magasin pour connaître le prix. Cela peut être un moyen de créer des listes de diffusion ou de créer une connexion plus personnelle avec des clients potentiels.
• Achats hors ligne - Certains vendeurs utilisent le site Web uniquement pour le marketing et la publicité de produits authentiques. Les produits réels sont disponibles uniquement dans les magasins physiques.
• Réservé aux membres - Créez une boutique réservée aux membres où les acheteurs enregistrés doivent se connecter pour voir les prix de vos forfaits d'adhésion spéciaux. Nous vous recommandons d'utiliser le plugin WooCommerce Memberships pour créer et vendre des produits d'adhésion sur votre boutique.

Maintenant que nous savons qui doit cacher les prix et pourquoi, voyons comment les cacher.

WooCommerce masquer le prix – Extraits de code pour différents scénarios

Étant donné que WooCommerce n'inclut pas cette fonctionnalité, vous devez utiliser des extraits de code ou certains plugins.

Et ajouter des extraits de code est risqué. Nous vous suggérons donc de vous référer à ce document sur l'ajout de code en toute sécurité à votre fichier functions.php.

Masquer les prix sur les pages produits

add_filter( 'woocommerce_get_price_html', 'storeapps_remove_price' );
fonction storeapps_remove_price( $price = ''){
retour '';
}

Masquer les prix sur la page de la boutique WooCommerce uniquement

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

Masquer les prix sur toutes les pages sauf le panier WooCommerce et la page de paiement

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( $price = '', $product ) {
si ( ! is_admin() ) $prix = '';
retourner $prix ;
}

Masquer les prix des articles en rupture de stock

Vous voudrez peut-être masquer les prix des produits en rupture de stock sur la boutique, les catégories, les archives, les boucles et la page de produit unique.

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

function storeapps_hide_price_if_out_stock_frontend( $price = '', $product ) {
if ( is_admin() ) return $price ; // retour si tableau de bord admin
return ( ! $product->is_in_stock() ) ? apply_filters( 'woocommerce_empty_price_html', '', $product ) : $price;
}

Masquer les prix pour les utilisateurs déconnectés

Lorsque vous souhaitez forcer les utilisateurs à se connecter pour voir les prix et ajouter des produits au panier.

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

function storeapps_hide_price_addcart_not_logged_in( $price = '', $product ) {
si ( is_user_logged_in() ) {
retourner $prix ;
}
$prix = '<div><a href="' . get_permalink( wc_get_page_id( 'moncompte' ) ) . '">' . __( 'Connectez-vous pour voir les prix', '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);
retourner $prix ;
}

Masquer les prix de produits spécifiques (nouveaux lancements)

Vous souhaitez uniquement masquer les prix de vos nouveaux lancements ayant les ID de produit 303 et 609, mais afficher les prix du reste des produits.

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

function storeapps_hide_price_product_ids( $price = '', $product ) {
$hide_for_products = array( 303, 609 ); // Spécifiez une liste d'identifiants de produits pour lesquels les prix doivent être masqués
return ( in_array( $product->get_id(), $hide_for_products ) ) ? '' : $prix;
}

Masquer les prix pour des catégories de produits spécifiques

add_filter( 'woocommerce_get_price_html','storeapps_hide_price_on_taxonomy' );

function storeapps_hide_price_on_taxonomy( $price = '' ) {
$produit global ;
$hide_for_categories = array( 'affiches' ); // Cacher pour ces catégories les slugs/IDs
return ( has_term( $hide_for_categories, 'product_cat', $product->get_id() ) ) ? '' : $prix; // N'affiche pas un prix lorsqu'il est dans l'une des catégories, sinon renvoie le prix d'origine
}

Conclusion

Le masquage des prix et les boutons Ajouter au panier vous aident à garder le contrôle sur les produits, en particulier pour les magasins de gros, les sites de catalogue et les autres cas mentionnés dans ce blog.

Nous espérons que cet article «Masquer les prix WooCommerce» vous sera utile. Des commentaires ou des questions, partagez-les ci-dessous.