woocommerce – Ändern Sie die Produktbewertung in der Schleife vom Textformat in das Sternanzeigeformat
Lesezeit: 2 Minuten
krishna89
Ich versuche, Woocommerce-Produkte in einer Schleife anzuzeigen. Dabei ist mir aufgefallen, dass die Produktbewertung im Textformat wie “4,5 von 5” angezeigt wird, aber ich suche nach einer Sternanzeige
Und ich bin mir nicht sicher, ob das an meinem Thema liegt, ich habe gegoogelt, konnte aber keine richtigen Vorschläge dazu bekommen.
Macht
Ihre Sternebewertungsspanne ist auf eine Textschriftart eingestellt. Ändern Sie das in der folgenden Datei: plugins/woocommerce/assets/css/woocommerce.css:
.star-rating span {
font-family: "star";
}
Vielen Dank für die Antwort, bklynM, und es tut mir leid für die späte Antwort. Ich habe deinen Punkt überprüft und gefunden. Rechts. In meinem Plugin zeige ich tatsächlich eine Produktliste mit meinem benutzerdefinierten Code an, und als Teil davon hatte ich dies <span class="col-md-6 col-sm-6 col-xs-6 product_maindetails_review woocommerce"> <?php woocommerce_template_loop_rating(); ?> </span> aber das ausgegebene HTML-Markup-Div der Bewertung wird außerhalb der span-Tags angezeigt
– krishna89
18. August 2015 um 16:31 Uhr
Meine Erwartung ist, dass die woocommerce Span-Klasse würde helfen .star-rating span um die vordefinierten Stile und Schriftarten in woocommerce.css einzuholen
– krishna89
18. August 2015 um 16:38 Uhr
Ich bin mir nicht sicher, ob ich dir folge. woocommerce_template_loop_rating() ruft die Datei loop/rating.php ab. Meinen Sie, dass Ihr HTML und Ihre Klassen nicht wie erwartet ausgegeben werden? Möglicherweise müssen Sie sich den Hook “woocommerce_product_get_rating_html” ansehen. Siehe hier: hookr.io/filters/woocommerce_product_get_rating_html . Suchen Sie nach Hinweisen in den Dateien woocommerce/includes/abstracts/abstract-wc-product.php und woocommerce/includes/widgets/class-wc-widget-recent-reviews.php. Wenn ich das falsch verstanden habe, lass es mich wissen.
– Macht
18. August 2015 um 18:56 Uhr
Ich dachte mir die Lösung bklynM. Es geht darum, die Klasse einzubeziehen woocommerce und setze die Funktion woocommerce_template_loop_rating() in <div class="woocommerce"></div>. Das hat bei mir funktioniert. Ich bearbeite Ihre frühere Antwort ein wenig. Danke.
– krishna89
19. August 2015 um 10:06 Uhr
drjorgepolanco
Die Klasse .star-rating ist in die Klasse .woocommerce eingebettet. Damit Sie die Sterne anstelle des tatsächlichen Durchschnitts im Text anzeigen können, müssen Sie die Klasse .woocommerce zu einem der übergeordneten Elemente Ihrer .star-Bewertung hinzufügen.
Sie können das CSS in plugins/woocommerce/assets/css/woocommerce.scss sehen
Fügen Sie diesen Code hinzu, um die Bewertung in Ihrer Schleife zu erhalten, und umschließen Sie die Schleife mit der Klasse .woocommerce.