it-swarm.com.de

WooCommerce zeigt eine Sternebewertung anstelle einer Textbewertung an

Auf meiner WooCommerce-Website versuche ich, die Sternebewertung für ein Produkt auszugeben, das überprüft wird. Stattdessen gibt es Folgendes aus:

Bewertet mit 3.38 von 5 basierend auf 8 Kundenbewertungen

Was fehle ich mit dem folgenden Code?

$rating_count = $product->get_rating_count();
$review_count = $product->get_review_count();
$average      = $product->get_average_rating();
echo wc_get_rating_html( $average, $rating_count );

Wenn ich von meinem benutzerdefinierten Design zu einem Standard-WordPress-Design wechsle, werden die Bewertungen angezeigt.

1
Zach Smith

Mit dem gleichen Problem gelitten. Nach langem Suchen und Ausprobieren kam ich schließlich auf diese Lösung.

Dies ruft die Vorlage ab, in der die Bewertung angezeigt wird. Aber es wird so angezeigt: Rated 4.50 out of 5 based on 2 customer ratings (2 customer reviews)

<div class="rating-custom">
    <?php wc_get_template( 'single-product/rating.php' ); ?>
</div>

Fügen Sie dann diesen CSS-Code in ein benutzerdefiniertes CSS ein.

/*star rating for products*/
.rating-custom div.product .woocommerce-product-rating {
    margin-bottom: 1.618em;
}

.rating-custom .woocommerce-product-rating .star-rating {
    margin: .5em 4px 0 0;
    float: left;
}

.rating-custom .woocommerce-product-rating::after, .rating-custom .woocommerce-product-rating::before {

    content: ' ';
    display: table;

}

.rating-custom .woocommerce-product-rating {
    line-height: 2;
}

.rating-custom .star-rating {
    float: right;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
}

.rating-custom .star-rating::before {
    content: '\73\73\73\73\73';
    color: #d3ced2;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.rating-custom .star-rating {
    line-height: 1;
    font-size: 1em;
    font-family: star;
}

.rating-custom .star-rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.rating-custom .star-rating span::before {
    content: '\53\53\53\53\53';
    top: 0;
    position: absolute;
    left: 0;
}

.rating-custom .star-rating span {

    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;

}

Ausgabe:

 rating output 

3
Regolith

Möglicherweise ist es einfacher, eine vorhandene Lösung zu integrieren, um die gewünschten Ergebnisse zu erzielen. Siehe Bild unten:

 Rating Score 

Ich habe kürzlich TrustFeed-Bewertungen für WooCommerce gefunden. Es hat mir geholfen, die einfachen und langweiligen WooCommerce-Bewertungsformulare durch eine fortschrittliche und dynamische Bewertungs- und Bewertungslösung zu ersetzen, die Kunden tatsächlich dazu inspiriert, mehr zu kaufen!

Das Plugin ist kostenlos und kann über das offizielle WordPress-Plugin-Repository heruntergeladen werden:

https://wordpress.org/plugins/trustfeed-reviews-and-customer-feedback-for-woocommerce/

Es verfügt über spezielle Funktionen, mit denen ehrliche Online-Unternehmen Kundenbewertungen sammeln und präsentieren können, um Umsatz, Conversions, Vertrauen und soziale Sicherheit zu steigern.

Einige Besonderheiten sind:

  • Erstellen Sie benutzerdefinierte Umfragen zur Zufriedenheit
    • Sternebewertung
    • Dynamische Tags
    • Text Bewertungen
    • Weitere kommen ...
  • E-Mails nach dem Kauf senden, um Kunden zu ermutigen, Bewertungen abzugeben.
  • Sammeln Sie Bewertungen nach Maß.
  • Präsentieren Sie Rezensionen zu wichtigen Conversion-Punkten Ihrer Website.
  • Zeigen Sie Ihre Bewertungen in einem nützlichen, reaktionsschnellen und anpassbaren Format an.
  • Moderieren und verwalten Sie Feedback/Bewertungen.
  • Erstellen Sie eine Mini-Site, um Ihre SEO mit benutzergenerierten Inhalten zu verbessern
  • Passen Sie das Erscheinungsbild des Widgets an.
  • Lernen Sie aus datengesteuerten Erkenntnissen

Dir eine gute Nachricht. Sie können kostenlos anfangen!

  • Weitere Informationen zu TrustFeed finden Sie unter www.trustfeed.co
  • Um das Admin-Panel anzuzeigen, melden Sie sich einfach unter https://admin.trustfeed.co an und erstellen Sie ein kostenloses Konto.
0
Alex