Bewertungssterne auf Detailseite an andere Position verschieben

Shopware 6 (German)
1

Hallo,

hat von Euch schon mal jemand die Bewertungssterne auf der Detailseite an eine andere Position verschoben?
Momentan sind sie in der Buy-Box an einer wie ich finde recht ungünstigen Stelle. Wir hätten sie lieber direkt über dem Artikelnamen (wie z.B. bei MediaMarkt).

Den dazugehörigen Code aus der Buy-Box einfach kopieren und an entsprechender Stelle wieder einfügen hat bisher leider nicht geklappt. :frowning:

Anscheinend blockiert die darin enthaltene if-Abfrage die Anzeige. Wenn diese auskommentiert wird, werden die Bewertungssterne zwar angezeigt, aber alle grau und die Bewertungsanzahl ist auch fehlerhaft.

Ich bin für jeden Tipp / Lösungsvorschlag dankbar.

Viele Grüße
Achim

2

Deiner Beschreibung nach könnte das Problem verschachteltes CSS sein.

.containerA .sterne

Wenn du nun das HTML in .containerB schiebst, dann trifft die Regel nicht mehr zu.

In den twig Dateien werden teils Variablen definiert, die nur für den entsprechenden Block gültig sind. Falls du also etwas verschiebst, dann musst du dafür sorgen, dass die Variablen auch im neuen Block verfügbar sind.

3

Hallo @Max_Shop

erstmal danke für deine schnelle Antwort. So hab ich das gemacht:

In der Datei „@Storefront/storefront/component/buy-widget/buy-widget.html.twig“ diesen Code-Abschnitt kopiert:

{% set remoteClickOptions = {
selector: „#review-tab-“ ~ product.id,
scrollToElement: true
} %}

                {% set reviewTabHref = "#review-tab-" ~ product.id ~ "-pane" %}

                {% block buy_widget_reviews %}
                    {% if product.ratingAverage > 0 and totalReviews > 0 and config('core.listing.showReview') %}
                        <div class="product-detail-reviews">

                            {% sw_include '@Storefront/storefront/component/review/rating.html.twig' with {
                                points: product.ratingAverage,
                                style: 'text-primary'
                            } %}
                            <a data-toggle="tab"
                               class="product-detail-reviews-link"
                               data-offcanvas-tabs="true"
                               data-remote-click="true"
                               data-remote-click-options='{{ remoteClickOptions|json_encode }}'
                               href="{{ reviewTabHref }}"
                               aria-controls="review-tab-pane">
                                {{ totalReviews }}
                                {{ "detail.reviewLinkText"|trans({'%count%': totalReviews})|sw_sanitize }}
                            </a>
                        </div>
                    {% endif %}
                {% endblock %}

und dann hier eingefügt:

{% sw_extends ‚@Storefront/storefront/block/cms-block-product-heading.html.twig‘ %}

{% block block_product_heading_product_name_inner %}

<div>Hier soll dann die Bewertung stehn!</div>(wollte jetzt nicht den ganzen Code nochmal hierein kopieren)
    
{{ parent() }}

{% endblock %}

Klappt aber nicht so richtig. Wenn die If-Abfrage auskommentiert wird, dann wird’s angezeigt, aber fehlerhaft wie oben geschildert.

Vielleicht hast Du noch eine Idee?

Viele Grüße
Achim