Farbe der Produkttitel lässt sich nicht ändern

Topic summary

Ein Nutzer kann die Farbe der Produkttitel auf Produktseiten nicht über die Standard-Theme-Einstellungen ändern, da dort nur die Farbe für Collection-Übersichten anpassbar ist.

Lösung:

  • Verwendung des neuen CSS-Tools im Shopify Theme Editor
  • Ermittlung der entsprechenden CSS-Klasse/ID für Produkttitel (z.B. .product-title, .product_item_title oder .product-name)
  • Einfügen von benutzerdefiniertem CSS-Code im Stylesheet-Kästchen

Beispiel-Code:

.product__title {
  color: #ff0000;
}

Dabei muss der Klassenname an das verwendete Theme angepasst und der Hex-Code durch die gewünschte Farbe ersetzt werden.

Status: Problem gelöst – die Lösung funktionierte erfolgreich.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

Hallo!

Ich habe bei meinem Theme folgendes Problem:

Die Farbe der Produkttitel lässt sich nicht ändern. Ich habe natürlich zuerst unter den Color-Settings in den Theme-Einstellungen geschaut. Jedoch kann man dort nur die Farbe für die Collection Übersicht ändern. Jedoch nicht direkt auf der Produktseite. Ein Blick in die Code hat mir leider auch nicht weiter geholfen, da ich den entsprechenden Eintrag nicht finden konnte.

Kann ich etwas zur Verfügung stellen, damit mir jemand sagen könnte, wo genau der Haken ist? :slightly_smiling_face:

Vielen Dank im Voraus!

Hey @Holga

Gerne können wir schauen wie du bestimmte Farben ändern kannst die nicht über die gängigen Theme Editor Einstellungen geändert werden können. Dafür gibt es jetzt einen neuen Tool im Theme Editor den ich hier abbilde - aus meinem Dawn Theme genommen:

Um die Farbe der Produkttitel zu ändern, fügt man einen benutzerdefinierten CSS-Code in das Stylesheet Kästchen. Zunächst musst du die entsprechende CSS-Klasse oder ID für die Produkttitel in deinem Theme ermitteln, wie folgt:

Normalerweise lautet der Class name für Produkttitel etwas wie .product-title, .product_item_title, oder .product-name. Sobald du die richtige Class oder ID gefunden hast, kannst du einen CSS-Code wie den folgenden verwenden, um die Farbe zu ändern:

.product__title {  color: #ff0000; }

#ff0000 ist hier beispielsweise der Hex Code für Rot. Jetzt sollte die Farbe der Produkttitel in deinem Shop auf die neue Farbe aktualisiert werden. Wenn das nicht funktioniert, überprüfe den Klassen- oder ID-Namen und stelle sicher, dass du den richtigen Namen für dein Theme verwendest.

Lass wissen, wenn du weitere Fragen dazu hast oder zum Shop und Business und gerne können wir das hier weiter besprechen! Halte bitte Ausschau in deiner E-Mail auf Notifications zu Antworten auf deine Fragen in der Community.

Super das hat geklappt! Vielen Dank!

Super freut mich! :wink:

1 Like