WooCommerce: Eigene Bewertungssymbole

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Moderator Bego Mario Garde

    (@pixolin)

    vor 9 Jahren, 5 Monaten

    Die Sternchen werden mit Hilfe einer CSS-Regel dargestellt:

    .woocommerce p.stars a.star-1:after{
	content:"\e021"
}

    Dabei steht die hexadezimale Schreibweise \e021 für das Sternzeichen.

    Eine mögliche Lösung wäre, in einem Zeichenprogramm 5 png-Dateien mit ein bis fünf (Muschel-)Symbolen zu erstellen, diese Dateien in die Mediathek hochzuladen und dann in einem benutzerdefinierten Stylesheet (z.B. via JetPack oder Plugin Simple Custom CSS) die Style-Regeln zu überschreiben:

    .woocommerce p.stars a.star-1:after{
	content: url("pfad-zur-Datei.png") norepeat;
}
    Thread-Starter StadtAffe7

    (@stadtaffe7)

    vor 9 Jahren, 5 Monaten

    Danke danke!

    Sorry für die späte Antwort. War leider etwas abgelenkt in den letzten Wochen!

    Hab es über Simple Custom CSS probiert, leider wird alles nach wie vor als Stern angezeigt,

    Moderator Torsten Landsiedel

    (@zodiac1978)

    vor 9 Jahren, 5 Monaten

    Kann man sich das online irgendwo ansehen?

    Gruß, Torsten

Ansicht von 3 Antworten – 1 bis 3 (von insgesamt 3)
  • Das Thema „WooCommerce: Eigene Bewertungssymbole“ ist für neue Antworten geschlossen.