Zum Inhalt springen

Wie kann ich die Schriftart oder Farbe von Produktkarten-Badges anpassen?

Verwenden Sie Custom CSS, um das Erscheinungsbild von Produktkarten-Badges anzupassen.

Verwenden Sie in Align die Einstellung Body font, um die für Produktkarten-Badges verwendete Schriftart zu ändern. Wenn Sie nur die Badge-Farbe ändern möchten, fügen Sie eine kurze Regel zu Custom CSS hinzu.

  1. Öffnen Sie im Theme-Editor Theme settings.
  2. Öffnen Sie Fonts und wählen Sie Ihre Body font aus.
  3. Speichern Sie Ihre Änderungen und sehen Sie sich eine Produktkarte mit einem Sale- oder Ausverkauft-Badge in der Vorschau an.

Die Body font gilt auch für andere unterstützende Texte im gesamten Theme, nicht nur für Badges. Einen umfassenderen Überblick finden Sie in der Shopify-Dokumentation zu Theme-Einstellungen

  1. Gehen Sie zu Theme settings → Custom CSS.

  2. Fügen Sie die folgende Regel hinzu und ersetzen Sie die Beispielfarbe durch den von Ihnen bevorzugten Wert:

    .card__badge {
    color: #1a1a1a;
    }
  3. Speichern Sie die Änderungen und überprüfen Sie jeden in Ihrem Store verwendeten Badge-Typ.

Details zur Align-spezifischen Einrichtung finden Sie in der Company XYZ-Dokumentation zu Custom CSS. Weitere Informationen finden Sie in der Shopify-Dokumentation zum Hinzufügen von benutzerdefiniertem CSS zu Ihrem Theme