woocommerce – Ändern Sie die Produktbewertung in der Schleife vom Textformat in das Sternanzeigeformat

Lesezeit: 2 Minuten

Benutzeravatar von krishna89
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 Geben Sie hier die Bildbeschreibung ein

Und ich bin mir nicht sicher, ob das an meinem Thema liegt, ich habe gegoogelt, konnte aber keine richtigen Vorschläge dazu bekommen.

Benutzeravatar von amespower
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

Benutzeravatar von drjorgepolanco
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.

<?php woocommerce_get_template( 'single-product/rating.php' ); ?>

Beispiel

<ul class="woocommerce">

    <?php  

        $args = array(
            'post_type' => 'product',
            'order_by'  => 'post_id',
            'order'     => 'ASC'
        );


        $loop = new WP_Query($args);

    ?>

    <?php  while ($loop -> have_posts()) : $loop -> the_post(); ?>
        
        <li>
            <?php the_post_thumbnail(); ?>
            <?php woocommerce_get_template( 'loop/price.php' ); ?>
            <?php woocommerce_get_template( 'single-product/rating.php' ); ?>
            <?php woocommerce_get_template( 'loop/add-to-cart.php' ); ?>
        </li>

    <?php endwhile; ?>
</ul>

1438040cookie-checkwoocommerce – Ändern Sie die Produktbewertung in der Schleife vom Textformat in das Sternanzeigeformat

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy