Comment afficher les avantages et inconvénients d'un produit dans WooCommerce

Si vous avez configuré des « points positifs et négatifs » (avantages et inconvénients) dans StoreLinkr, ils sont automatiquement synchronisés vers WooCommerce sous forme de métachamps.

Les points importés viennent en premier, suivis de ceux que vous avez ajoutés vous-même. Voir Relations et avantages / inconvénients pour savoir comment les gérer.

Clés des métachamps

Les données sont stockées avec les clés suivantes :

• Avantages (points positifs) : _positive_points
• Inconvénients (points négatifs) : _negative_points

Afficher les avantages et inconvénients sur votre site

Vous pouvez afficher ces points n'importe où sur votre page produit. Voici un exemple pour les afficher sous forme de liste sous le résumé du produit.

Exemple de code

add_action('woocommerce_single_product_summary', 'display_storelinkr_pros_cons', 25);

function display_storelinkr_pros_cons() {
    global $product;

    $pros = $product->get_meta('_positive_points');
    $cons = $product->get_meta('_negative_points');

    if (!empty($pros) || !empty($cons)) {
        echo '<div class="product-pros-cons">';
        
        if (!empty($pros)) {
            echo '<div class="pros"><h4>Pros</h4>' . wpautop(esc_html($pros)) . '</div>';
        }
        
        if (!empty($cons)) {
            echo '<div class="cons"><h4>Cons</h4>' . wpautop(esc_html($cons)) . '</div>';
        }
        
        echo '</div>';
    }
}

Conseils pour les designers

• Style : utilisez du CSS pour ajouter des coches (vertes) pour les avantages et des croix (rouges) pour les inconvénients.
• Emplacement : vous pouvez modifier la priorité (le 25 dans l'appel add_action) pour placer le bloc plus haut ou plus bas dans la page.
• Mise en forme : les métachamps contiennent souvent plusieurs lignes. La fonction wpautop() de l'exemple aide à conserver les sauts de ligne.