19 novembre Astuces et articles

Woocommerce mettre à partir de

Pour afficher « À partir de » devant le prix minimum d’un produit variable WooCommerce, on peut adapter son texte de prix avec le filtre woocommerce_variable_price_html. L’objectif est de remplacer la fourchette affichée, sans modifier les tarifs des variations.

Exemple : une variation à 25 € et une autre à 40 € peuvent être présentées par « À partir de 25 € ». Le prix exact doit rester visible lorsque le client choisit sa variation.

Adapter l’affichage du prix des produits variables

La version initiale de ce tutoriel se référait à WooCommerce 2.1. Le filtre utilisé ci-dessous figure dans la référence actuelle de WooCommerce. Un thème ou un bloc produit peut cependant utiliser son propre rendu : testez le résultat dans votre boutique.

Faites une sauvegarde et travaillez d’abord sur une copie de test. Ajoutez le code dans un plugin propre au site ou dans functions.php de votre thème enfant WordPress, jamais directement dans WooCommerce ou le thème parent. Ne conservez pas en parallèle l’ancienne fonction de ce tutoriel.

add_filter( 'woocommerce_variable_price_html', 'envision_variable_from_price', 10, 2 );

function envision_variable_from_price( $price, $product ) {
    $min_price = $product->get_variation_price( 'min', true );
    $max_price = $product->get_variation_price( 'max', true );

    if ( '' === $min_price || $min_price === $max_price ) {
        return $price;
    }

    return 'À partir de ' . wc_price( $min_price ) . $product->get_price_suffix();
}

Les contrôles à faire avant la mise en ligne

Vérifiez un produit dont les variations ont des prix différents puis un produit dont les prix sont identiques. Dans le second cas, le code conserve l’affichage d’origine. Contrôlez également les promotions, les taxes et leur suffixe, la devise, les variations indisponibles et le prix après sélection d’une option.

Ce code concerne le texte de prix, pas le calcul du panier ou les données structurées transmises aux moteurs. Il ne reproduit pas la présentation détaillée d’un prix barré en promotion. Pour une boutique multilingue, le libellé doit aussi être intégré au système de traduction du site.

Si l’affichage reste inchangé, vérifiez les modèles du thème, les blocs et les extensions qui personnalisent les prix avant d’ajouter un deuxième correctif. Pour une adaptation à votre boutique, découvrez mon accompagnement WooCommerce.

Tags:
Accessibility by WAH