Zum Inhalt springen

Verwendet die Website eine einzelne kompilierte CSS-Datei oder haben die Abschnitte eigene Dateien?

Company XYZ-Themes kombinieren globales CSS mit Stilen für ausgewählte Abschnitte.

Company XYZ-Themes verwenden eine Kombination aus globalem CSS und abschnittsspezifischen Stilen.

Das zentrale globale Stylesheet befindet sich unter Theme root > assets > base.css. Einige Abschnitte verfügen außerdem über ein eigenes Stylesheet im selben Ordner assets. Diese Dateien verwenden das Präfix section-, gefolgt vom Namen des Abschnitts, z. B. section-features-bar.css.

Informationen zu Updates finden Sie in der Shopify-Dokumentation zum Aktualisieren von Themes

Verwenden Sie für benutzerdefinierte Stile nach Möglichkeit die Option für benutzerdefiniertes CSS im Theme-Editor. Siehe Shopify-Dokumentation zum Hinzufügen von benutzerdefiniertem CSS zu Ihrem Theme. Wenn Sie ein separates Stylesheet benötigen, fügen Sie für Ihre Anpassungen eine neue eigenständige CSS-Datei hinzu, anstatt die vorhandenen CSS-Dateien des Themes zu bearbeiten. Eine Anleitung zum Bearbeiten des Codes finden Sie in der Shopify-Dokumentation zum Bearbeiten von Theme-Code

  1. Beginnen Sie mit globalen Stilen. Verwenden Sie base.css für Stile, die auf der gesamten Website gelten sollen.
  2. Prüfen Sie die Abschnittsstile. Suchen Sie nach einem passenden section--Stylesheet, wenn Sie einen bestimmten Abschnitt anpassen.
  3. Halten Sie Anpassungen getrennt. Bevorzugen Sie benutzerdefiniertes CSS im Theme-Editor oder ein eigenständiges Stylesheet, um zukünftige Theme-Updates zu erleichtern.