Bewertungen - Sterne

Hallo,

ich finde es seltsam das bei einer sehr guten Bewertung, die Sterne so aussehen als ob es keinen Stern dafür geben würde (siehe Bild)

 

Sollte bei einer maximal positiven Bewertung die Sterne nicht ausgefüllt sein ?

 

Lg

 

Teste es mal auf https://www.shopwaredemo.de/

Sehe es genauso wie du: sollte ausgefüllt sein…analog Amazon.

Das sollte doch möglich sein. Ich habe mir andere Shops angesehen bei denen es korrekt angezeigt wird…

So sieht bei mir eine 4 1/2 Sterne Bewertung aus:

 

Kann man irgendwie die Darstellung invertieren? Wie bescheuert sieht das denn aus.

Hallo!

Sieht nach einem Fehler im Template bzw. bei den Grafiken aus.

Hast du das Theme selbst gebaut? Sonst solltest du da mal beim Hersteller nachfragen.

Ansonsten müssen die Stellen mit dem Standard responsive verglichen werden 

Sebastian

Hallo,

ich habe das selbe Problem mit einem kostenlosen Theme.

Könnt Ihr mir die Stelle sagen, an dem ich die Original Datei vergleichen muss?
Wo sind diese Bewertungssterne denn geschrieben, sprich in welcher Datei.

Danke im Voraus!

 

frontend/_includes/rating.tpl

ich habe die Datei von original in mein eigenes Theme kopiert. Leider hat dies nicht geholfen. Weitere Ideen?

Die Sterne sind immer noch nicht ausgefüllt. Als Theme Basis wird das Snaps - SnapstrgOneProfessional verwendet. Dies ist aber nicht mehr verfügbar bzw auch ohne Support.

Gruß & Danke

Kopiere mal den Inhalt des Blocks „frontend_rating_content_stars“ aus Bare/frontend/_includes/rating.tpl, sowie aus dem SnapsTheme hier rein

Bare Theme finde ich nur den:

{* Stars *}
        {block name='frontend_rating_content_stars'}
            {if $points != 0}
                {for $value=1 to 5}
                    {$cls = 'icon--star'}

                    {if $value > $average}
                        {$diff=$value - $average}

                        {if $diff > 0 && $diff <= 0.5}
                            {$cls = 'icon--star-half'}
                        {else}
                            {$cls = 'icon--star-empty'}
                        {/if}
                    {/if}

                    
                {/for}
            {/if}
        {/block}

im snaps finde ich keine rating.tpl - habe dann diese original rein kopiert allerdings ohne erfolg.

evtl liegt es an der all.less in snaps

// ICONS

.icon--search,
.icon--text,
.icon--account,
.icon--basket,
.icon--service,
.icon--compare,
.icon--star,
.icon--mail,
.icon--arrow-right,
.icon--arrow-left,
.icon--arrow-up,
.icon--arrow-down,
.icon--cross,
.icon--warning,
.icon--plus,
.icon--check,
.icon--heart,
.icon--info,
.icon--house,
.icon--filter,
.icon--login,
.icon--logout {
  font-family: @snaps--iconset;
}

vielleicht falsches icon set ?

Das kannst Du ganz einfach mit CSS lösen:

Wink

Vll dort mal die Zeile mit .icon–star herausnehmen.

@Murmeltier schrieb:

Das kannst Du ganz einfach mit CSS lösen:

image

Wink

und bitte wie? 

ich habe nun gesehen dass ich in den Theme Einstellungen die icons ändern kann, bei allen sets gefallen mir die Sterne aber die restlichen Icons nicht. Also aktuell ist Outline drin, deshalb auch leere Sterne.

So…

Also natürlich machst Du das nicht bei allen Icons, sondern nur bei der Klasse .icon–star

Wobei…, muss nochmal überlegen…, hmm!?

Doch, müsste machbar sein…

Du könntes es z.B. mit einem anderen Stern aus einem anderen ICON Set austauschen:

.icon--star::before {
content: "f005";
font-family: "Font Awesome 5 Free";
}

Check this please: https://tinyurl.com/wpkvzbd

hm… bekomme es nicht hin. Murmeltier kannst mir nochmal helfen wo ich den Code einfügen soll? Wäre es vlt sinnvoll die outline.woff datei zu öffnen und dort sie Star icons durch standard star icon zu ersetzen? Danke.

Also dafür müsstest Du wohl den Font Awesome bei Dir einbinden, wenn er nicht schon da ist!?

Das machst Du in dem Du Dir hier Deinen Link holst:

https://fontawesome.com/start

Diese kannst Du dann z.B im Thememanger einbauen:

Schu Dir dazu diese Anleitung an: https://make-better.de/blog/font-awesome-shopware-einkaufswelten-einbinden/

Danach im Theme komplilieren und im Quelltext schauen, ob er geladen wird!?

Man kann diesen auch besser einbinden, aber das sollte für Dich erst mal reichen.

Dann ist der Rest nur noch CSS…

Ich hab so etwas ähnliches mal gemacht mit einem anderen Icon: