Aujourd’hui, nous vous donnons une petite astuce pour modifier l’affichage de vos tarifs dans WooCommerce, spécialement pour les produits variables.
En effet, si vous avez configuré plusieurs variations dans un produit de WooCommerce, vous verrez votre produit de cette façon :
Ceci peut faire peur à vos visiteurs car ils voient, certes, une tranche de prix, mais il pourraient s’arrêter sur le prix maximal.
C’est pourquoi, nous préférons modifier l’affichage par défaut de WooCommerce avec la mention « A partir de ».
Ce qui donnerait ce résultat :

 

Ainsi, on indique aux visiteurs qu’ils trouveront sûrement différents tarifs dont le premier est à 999€.
Partie technique :
Pour ce faire, connectez-vous à l’administration WordPress et ensuite rendez-vous dans Apparence -> Editeur.
Puis recherchez le fichier functions.php et ajoutez-y ces lignes de code (si vous utiliser un thème enfant, placez ce code dans le functions.php du thème enfant) :

add_filter( 'woocommerce_variable_sale_price_html', 'wc_wc20_variation_price_format', 10, 2 );
add_filter( 'woocommerce_variable_price_html', 'wc_wc20_variation_price_format', 10, 2 );
function wc_wc20_variation_price_format( $price, $product ) {
$min_price = $product->get_variation_price( 'min', true );
$max_price = $product->get_variation_price( 'max', true );
if ($min_price != $max_price){
$price = sprintf( __( 'A partir de %1$s', 'woocommerce' ), wc_price( $min_price ) );
return $price;
} else {
$price = sprintf( __( '%1$s', 'woocommerce' ), wc_price( $min_price ) );
return $price;
}
}

Voilà, désormais tous vos produits variables affichent désormais la mention « A partir de… »

À bientôt sur Le Mag’ de Webinti, Twitter, Facebook, Instagram, Google+, Dribbble et Webinti.com