Benutzerdefinierten CSS-Code verwenden

CSS ist eine Design-Sprache, die auf den meisten Websites verwendet wird. Sie können das Design Ihres Shops mit Hilfe von benutzerdefiniertem CSS-Code anpassen. Zum Beispiel können Sie damit bestimmte Elemente ausblenden.

Die Änderungen am CSS-Code sind für Ihren gesamten Shop gültig und nicht nur für die Seite, die Sie bei der Bearbeitung des Codes im Editor geöffnet haben. Die einzige Ausnahme sind die Seiten des Bestellprozesses. Auf diese hat der CSS-Code keine Auswirkungen.

Änderungen am CSS-Code können negative Auswirkungen auf das Design und die Funktionalität Ihres Shops haben und auch das Responsive Design Ihres Shops beeinträchtigen.

---

Eigener CSS-Code sollte nur von erfahrenen Nutzern eingeben werden. Überprüfen Sie Ihren Shop nach allen Änderungen sorgfältig. Beachten Sie auch, dass die automatisch eingespielten Updates Auswirkungen auf den Programmcode Ihres Shops haben. Prüfen Sie deshalb regelmäßig, ob der von Ihnen eingegebene CSS-Code noch seinen Zweck erfüllt und ob er Design oder Funktionalität nach dem Update beeinträchtigt.

So fügen Sie eigenen CSS-Code ein

1. Navigieren Sie im Hauptmenü des Administrationsbereichs zu Editor.
2. Wählen Sie in der Fußleiste .
3. Öffnen Sie den Tab .
4. Fügen Sie Ihren eigenen CSS-Code ein.
   Wenn Sie den Inhalt löschen möchten, um von vorne zu beginnen, wählen Sie den Link Zurücksetzen unten links.
5. Sobald Sie fertig sind, wählen Sie Speichern.
   Es wird automatisch geprüft, ob der von Ihnen eingegebene CSS-Code gültig ist. Sie können nur gültigen CSS-Code speichern.

Sie haben Ihrem Shop benutzerdefinierten CSS-Code hinzugefügt. Prüfen Sie, ob die Änderungen korrekt angezeigt werden oder ob es Probleme gibt. Wählen Sie dazu in der oberen Leiste Ihren Shop anzeigen.

Info

Die Einstellungen für den eigenen CSS-Code werden nur auf die aktuell ausgewählte Design-Vorlage angewendet. Wenn Sie die Design-Vorlage ändern, wird der benutzerdefinierte CSS-Code nicht mehr auf Ihren Shop angewendet. Wenn Sie wieder zu der zuvor ausgewählten Design-Vorlage wechseln, wird der benutzerdefinierte CSS-Code wieder auf Ihren Shop angewandt.

---

Sie müssen bei Ihrem eigenen CSS-Code keinen Stylesheet type eingeben.

Verwendung von benutzerdefiniertem CSS-Code für Farbeinstellungen

Das Anpassen der Farben in Ihrem Shop erledigen Sie am besten über die Farbeinstellungen. Weitere Informationen finden Sie unter Farben Ihres Shops ändern. Wenn Sie die Farben stattdessen über einen benutzerdefinierten CSS-Code ändern, kann dies die Farbeinstellungen überschreiben.

Wenn Sie die Farben Ihres Shops erneut ändern, müssen Sie möglicherweise den Rahmen und die Abstände bestimmter Elemente über Ihren benutzerdefinierten CSS-Code anpassen.