Produktbewertungssterne erscheinen zweimal

WP Version: 6.3.1
Elementor Pro - 3.16.1
WooCommerce - 8.1.1
German Market - 3.28

Hallo zusammen,

ich habe hier einen sehr seltsamen und ärgerlichen Fehler. Es erscheinen bei der Bewertungsfunktion des Produktes zwei Reihen zu je 5 Bewertungssternen (siehe Anhang). Theme kann ich als Verursacher ausschließen, da der Fehler mit einem Standard-Theme nur anders aussieht. Deaktivierung von German Market ändert auch nichts.
Nehme ich eine Bewertung vor ist die die erste Reihe Sterne nur relevant wenn ich in der zweiten Reihe keine Sterne aktiviere. Aktiviere ich in beiden Reihen eine unterschiedliche Zahl Sterne ist nur die untere Reihe relvant und wird in den Bewertungen angezeigt.
Das bedeutet, dass diese Bewertungen von Woocommerce kommen, was man aber auch daran sehen kann, dass beide Reihen Sterne die selben Scripte aufrufen bei einem "event" (Aktivierung eines Sterns).

Im HTML (siehe Anhang) kann man auch sehen, dass der Absatz-Tag mit den Sternen einfach zweimal generiert wurde und beide Absätze völlig identisch sind.

Ich weiß jetzt nicht inwieweit diese Bewertungsfunktion von woocommerce auf der Kommentarfunktion von WP aufbaut. Hat jemand eine Idee oder kennt jemand vielleicht schon diesen Fehler?

Ich verwende das Hello Elementor Theme. Wenn ich auf ein WP-Standard-Theme wechsle, ist der Fehler noch immer da. Dann sind die beiden Zeilen mit den Bewertungssternen nur nebeneinander. Theme kann man also ausschließen. Was meinst Du mit "Schema"?

Hatte ich schon erwähnt. Deaktivierung von German Market ändert nichts. Deaktivierung weiterer Plugins habe ich auch probiert ohne Änderung. Mit der Deaktivierung von Elementor Pro funktioniert Woocommerce nicht mehr. So kann man auch nicht sehen ob damit irgendwas besser wird und nützt somit auch nichts. Hab ich gerade nochmal probiert.

Im HTML (hatte ich angehängt) kann man sehen, dass hier einfach nur zwei identische Absatz-tags generiert wurden. Sie unterscheiden sich durch gar nichts. Und beide Wertungen können über Woocommerce auch ausgelesen werden. Es wäre doch naheliegend, dass WooCommerce selbst das Problem ist. Oder?

@r23 Vielen Dank für Deine Antwort und den Link. Ich konnte feststellen, dass ich keine Überschreibungen habe. Also ich wusste das zwar, aber jetzt habe ich es quasi amtlich. Ich benutze Hello, das ja schon sehr minimalistisch ist. Denn wenn ich mit Elementor arbeiten kann, brauch ich eigentlich nicht unbedingt ein fertiges Theme. Dadurch gibt es diesbezüglich auch weniger Konflikte.

Quote from b3317133

Das zeigt nur das generierte HTML im Browser. Die Sterne werden vermutlich durch ein Script eingefügt. Wo kann man eine Produktseite mit vorhandenen Bewertungen selbst ansehen? Link?

Ja, ich habe ja geschrieben, dass die Absatz-Tags mit den Sternen generiert wurden.

Es geht nicht um die Bewertungen, sondern um das Bewerten. Die schon getätigten Bewertungen werden richtig angezeigt. Die Sterne zum Bewerten werden nur angezeigt, wenn ich zum Bewerten berechtigt bin. Berechtigt bin ich, wenn ich das Produkt schon mal gekauft habe. Ist alles so, wie in den Screenshots zu sehen. Ich würde ja gerne erst einmal das Script sehen, dass eben diesen Teil des Ratings generiert. Ich kann mir aber eigentlich auch nicht vorstellen, dass in diesem Script der Fehler steckt. Anderes Plugin könnte sein. Aber ich kann auch nur die deaktivieren, die bei Deaktivierung die Seite funktionslos machen. Das habe ich alles schon gemacht.

Quote from r23

Original WordPress hat keine Probleme mit den Bewertungen.

der erzeugte HTM Code

Code

<div id="review_form_wrapper">
           <div id="review_form">
                   <div id="respond" class="comment-respond">
       <span id="reply-title" class="comment-reply-title">Füge deine Bewertung hinzu <small><a rel="nofollow" id="cancel-comment-reply-link" href="wordpress/?product=kaffeemaschine#respond" style="display:none;">Antworten abbrechen</a></small></span><form action="http://localhostwordpress/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><div class="comment-form-rating"><label for="rating">Deine Bewertung&nbsp;<span class="required">*</span></label><select name="rating" id="rating" required>
                       <option value="">Bewertung&hellip;</option>
                       <option value="5">Ausgezeichnet</option>
                       <option value="4">Gut</option>
                       <option value="3">Durchschnittlich</option>
                       <option value="2">Nicht ganz schlecht</option>
                       <option value="1">Sehr schlecht</option>
                   </select></div><p class="comment-form-comment"><label for="comment">Deine Bewertung&nbsp;<span class="required">*</span></label><textarea id="comment" name="comment" cols="45" rows="8" required></textarea></p><p class="form-submit wp-block-button"><input name="submit" type="submit" id="submit" class="submit wp-block-button__link wp-element-button" value="Senden" /> <input type='hidden' name='comment_post_ID' value='17' id='comment_post_ID' />
<input type='hidden' name='comment_parent' id='comment_parent' value='0' />
</p><input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment_disabled" value="d725929f5f" /><script>(function(){if(window===window.parent){document.getElementById('_wp_unfiltered_html_comment_disabled').name='_wp_unfiltered_html_comment';}})();</script>
</form>   </div><!-- #respond -->

Display More

Interessant! Es sieht wirklich so aus, als ob das Rating von WooCommerce auf dem von WP basiert. Hatte ich auch vermutet. Aber die Sternchen kann ich im Code nicht sehen.

Außerdem: Ich habe in WP die Kommentarfunktion deaktiviert, weil ich dachte dass sich hier WP und WooCommerce vielleicht gegenseitig stören. Aber auch das ändert leider gar nichts.

Quote from b3317133

Das vermutlich genutzte Script ist Teil von WooCommerce.

Code

https://shop.medherbs.de/wp-content/plugins/woocommerce/assets/js/frontend/single-product.min.js?ver=8.1.1

Wenn man aber die Bewertung nicht selbst ansehen kann, ist es sehr schwer, hier sinnvoll weiterzuhelfen.

Möglicherweise wird der Platzhalter doppelt ausgegeben, das würde man im echten HTML-Quelltext einer Seite mit aktiver Bewertungsfunktion sehen können.

Danke! Das sehe ich natürlich ein. Ich habe die Beschränkung jetzt aufgehoben. Jetzt kann quasi jeder eine Bewertung abgeben. aber da sieht man jetzt auch nur das, was ich schon gezeigt habe. Ich schau mir jetzt mal das Script an.

Im Script ist es nur einmal. Das war nicht anders zu erwarten. Also stört irgend etwas anderes. Vielleicht irgend eine Einstellung?

Ich habe jetzt mal den Sommertee bewertet. Die Bewertung sieht normal aus.

Ähm, ich habe die Beschränkung doch aufgehoben. Man kann jedes Produkt bewerten, auch wenn man kein "verifizierter Benutzer" ist.

Hier noch das HTML mit der doppelten Sternchenreihe.

<div id="review_form_wrapper">
<div id="review_form">
<div id="respond" class="comment-respond">
<span id="reply-title" class="comment-reply-title">Schreibe die erste Bewertung für „Sommertee“</span>
<form action="https://shop.medherbs.de/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate="">
<div class="comment-form-rating">
<label for="rating">Deine Bewertung&nbsp;<span class="required">*</span></label>
<p class="stars">
<span>
<a class="star-1" href="#">1</a>
<a class="star-2" href="#">2</a>
<a class="star-3" href="#">3</a>
<a class="star-4" href="#">4</a>
<a class="star-5" href="#">5</a>
</span>
</p>
<p class="stars">
<span>
<a class="star-1" href="#">1</a>
<a class="star-2" href="#">2</a>
<a class="star-3" href="#">3</a>
<a class="star-4" href="#">4</a>
<a class="star-5" href="#">5</a>
</span>
</p>
<select name="rating" id="rating" required="" style="display: none;">
<option value="">Bewertung…</option>
<option value="5">Ausgezeichnet</option>
<option value="4">Gut</option>
<option value="3">Durchschnittlich</option>
<option value="2">Nicht ganz schlecht</option>
<option value="1">Sehr schlecht</option>
</select>
</div>
<p class="comment-form-comment">
<label for="comment">Deine Bewertung&nbsp;<span class="required">*</span></label>
<textarea autocomplete="new-password" id="a4ff3ac43833d5bfc230e2c48eef1f9e" name="b368496518" cols="45" rows="8" required=""></textarea>
<textarea
id="a4ff3ac43833d5bfc230e2c48eef1f9e"
aria-label="hp-comment"
aria-hidden="true"
name="comment"
autocomplete="new-password"
style="padding: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; position: absolute !important; white-space: nowrap !important; height: 1px !important; width: 1px !important; overflow: hidden !important;"
tabindex="-1"
></textarea>
<script data-noptimize="">
document.getElementById("comment").setAttribute("id", "a4ff3ac43833d5bfc230e2c48eef1f9e");
document.getElementById("b368496518").setAttribute("id", "comment");
</script>
</p>
<p class="comment-form-privacy-policy">
<input type="checkbox" class="woocommerce-form__input woocommerce-form__input-checkbox input-checkbox" name="german_market_privacy_declaration" id="german_market_privacy_declaration" value="1" />
<label for="german_market_privacy_declaration" class="german-market-privacy-declaration-product-review">
<input type="hidden" name="gm_checkbox_6_product_review_opt_in" value="yes" />
<span class="comment-form-privacy-policy-checkbox-text">Ich habe die <a href="https://shop.medherbs.de/datenschutz/" class="wgm-privacy" target="_blank">Datenschutzerklärung</a> gelesen und stimme ihr zu.</span>
&nbsp;<span class="required">*</span>
</label>
</p>
<p class="form-submit">
<input name="submit" type="submit" id="submit" class="submit" value="Senden" /> <input type="hidden" name="comment_post_ID" value="6104" id="comment_post_ID" />
<input type="hidden" name="comment_parent" id="comment_parent" value="0" />
</p>
<input type="hidden" id="_wp_unfiltered_html_comment_disabled" name="_wp_unfiltered_html_comment" value="10b0c0a668" />
<script>
(function () {
if (window === window.parent) {
document.getElementById("_wp_unfiltered_html_comment_disabled").name = "_wp_unfiltered_html_comment";
}
})();
</script>
</form>
</div>
<!-- #respond -->
</div>
</div>

Wie kann ich hier den HTML-Code besser posten?

:( Das ist mir neu. Wo kann ich denn das echte HTML abfangen? Ich dachte immer das php wird serverseitig ausgeführ und generiert das HTML, das vom Browser dann angezeigt wird. Ich bin kein Entwickler.

Ich weiß nicht ob ich jetzt das richtige erwischt habe. Moment, noch nicht.