Eigener CSS-Code

CSS ist eine Gestaltungssprache, die vor allem für Websites genutzt wird. Sie können in Ihrem Shop eigenen CSS-Code nutzen und damit das Design Ihres Shops modifizieren.  

Mit eigenem CSS-Code können Sie zum Beispiel die Sichtbarkeit von Elementen ändern.

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.

Sie sollten die Farben Ihres Shops möglichst ändern wie es unter Die Farben Ihres Shops ändern beschrieben ist. Die hier gemachten Einstellungen werden gegebenenfalls durch CSS-Code überschrieben.
 

Ä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. Bitte 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. Wählen Sie im Administrationsbereich im Hauptmenü Editor.
 
2. Wählen Sie in Ihrem Shop auf der rechten Seite das Pinsel-Symbol  unten.
 
3. Wählen Sie </>.
 
4. Fügen Sie Ihren eigenen CSS-Code ein.
 
5. Wählen Sie Speichern.
 
6. Wählen Sie Ihren Shop anzeigen und überprüfen Sie, ob die Änderungen korrekt angezeigt werden oder ob es Probleme mit der Darstellung Ihres Shops gibt. 
 

Die Einstellungen für den eigenen CSS-Code werden nur auf den momentan ausgewählten Stil angewandt. Wenn Sie den Stil oder die Design-Vorlage wechseln, werden zuvor gemachte Einstellungen nicht mehr berücksichtigt. Wenn Sie zum vorherigen Stil zurückwechseln, treten die Einstellungen wieder in Kraft.

---

Ihre Shopsoftware prüft automatisch, ob der von Ihnen eingegebene CSS-Code valide ist. 

---

Wenn Sie die Farben ändern, müssen Sie gegebenenfalls Margin und Padding mancher Elemente anpassen. 

---

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