Grundlegende CSS-Änderungen ermöglichen es Ihnen, das Aussehen und die Haptik Ihres Shopify-Shops über die Standardeinstellungen des Themas hinaus anzupassen. In diesem Kapitel lernen Sie, wie Sie eine neue CSS-Datei erstellen und in Ihr Thema importieren, um Stiländerungen vorzunehmen.

Schritte

1. Erstellen einer neuen CSS-Datei: Gehen Sie zu Online-Shop > Themes > Code bearbeiten und öffnen Sie den Ordner Assets. Klicken Sie auf Neues Asset hinzufügen, wählen Sie Leere Datei erstellen und benennen Sie sie custom.css;
2. Hinzufügen von CSS-Code: Öffnen Sie Ihre custom.css-Datei und fügen Sie diesen Code hinzu, um Schriftarten zu ändern und die Überschriftenstile anzupassen:

   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap');
   h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 42px;
    font-weight: 600;
    color: #000;
   }
   

3. Verknüpfen Ihrer CSS-Datei mit Ihrem Thema: Gehen Sie zur Datei layout/theme.liquid und fügen Sie die folgende Zeile vor dem schließenden </head>-Tag hinzu, um Ihre neue CSS-Datei zu verknüpfen:

   {{ 'custom.css' | asset_url | stylesheet_tag }}
   

4. Vorschau Ihrer Änderungen: Speichern Sie Ihre Änderungen und sehen Sie sich eine Vorschau Ihres Shops an, um zu sehen, wie die Schriftarten und Überschriftenstile aktualisiert wurden.