Ga naar hoofdinhoud

Productvoor- en nadelen weergeven in WooCommerce

Als je "Plus- en minpunten" (voor- en nadelen) hebt geconfigureerd in StoreLinkr, worden deze automatisch als metafields naar WooCommerce gesynchroniseerd.

De geïmporteerde punten komen eerst, daarna de punten die je zelf hebt toegevoegd. Zie Relaties & voor- en nadelen voor hoe je ze beheert.

Metafield-keys​

De gegevens worden opgeslagen onder de volgende keys:

  • Voordelen (positieve punten): _positive_points
  • Nadelen (negatieve punten): _negative_points

Voor- en nadelen op je website weergeven​

Je kunt deze punten overal op je productpagina weergeven. Hieronder zie je een voorbeeld van hoe je ze als lijst onder de productsamenvatting kunt tonen.

Voorbeeldcode​

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>';
    }
}

Tips voor designers​

  • Styling: Gebruik CSS om vinkjes (groen) toe te voegen voor voordelen en kruisjes (rood) voor nadelen.
  • Plaatsing: Je kunt de prioriteit (de 25 in de add_action-aanroep) aanpassen om het blok hoger of lager op de pagina te plaatsen.
  • Opmaak: De metafields bevatten vaak meerdere regels. De functie wpautop() in het voorbeeld helpt om regeleinden te behouden.