Zum Hauptinhalt springen

So zeigen Sie Vor- und Nachteile eines Produkts in WooCommerce an

Wenn Sie in StoreLinkr "Plus- und Minuspunkte" (Vor- und Nachteile) konfiguriert haben, werden diese automatisch als Metafelder mit WooCommerce synchronisiert.

Die importierten Punkte stehen zuerst, danach folgen die von Ihnen selbst hinzugefügten. Wie Sie sie verwalten, lesen Sie unter Relationen sowie Vor- und Nachteile.

Metafeld-Schlüssel​

Die Daten werden mit den folgenden Schlüsseln gespeichert:

  • Vorteile (Pluspunkte): _positive_points
  • Nachteile (Minuspunkte): _negative_points

Vor- und Nachteile auf Ihrer Website anzeigen​

Sie können diese Punkte an beliebiger Stelle auf Ihrer Produktseite anzeigen. Unten sehen Sie ein Beispiel, wie Sie sie als Liste unter der Produktzusammenfassung darstellen.

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

Tipps für Designer​

  • Gestaltung: Verwenden Sie CSS, um Häkchen (grün) für Vorteile und Kreuze (rot) für Nachteile hinzuzufügen.
  • Platzierung: Sie können die Priorität (die 25 im Aufruf von add_action) ändern, um den Block weiter oben oder unten auf der Seite zu platzieren.
  • Formatierung: Die Metafelder enthalten oft mehrere Zeilen. Die Funktion wpautop() im Beispiel hilft dabei, Zeilenumbrüche zu erhalten.