CSS-Codes zu Ihrem Shop hinzufügen
Sie können das Design und das Layout Ihres Schaufensters mit CSS-Codes anpassen. CSS-Codes werden verwendet, um festzulegen, wie HTML-Elemente auf einer Seite angezeigt werden sollen. Um CSS-Codes auf Ihr Schaufenster anzuwenden, sollten Sie diese in Ihrem Shop-Adminbereich einem CSS-Design hinzufügen.
So fügen Sie CSS-Code zu Ihrem Shop hinzu:
- Wenn Sie noch keine CSS-Codes zu Ihrem Shop hinzugefügt haben, gehen Sie in Ihrem Shop-Adminbereich auf die Seite Design.
- Scrollen Sie nach unten zum Abschnitt Designs und detaillierte Anpassungen.
- Klicken Sie auf Thema erstellen:
- Dieser Schritt variiert je nachdem, wo Sie verkaufen.
- Wenn Sie auf der New-Gen Instant Site verkaufen, werden Sie zum Instant Site Editor weitergeleitet. Fügen Sie Ihren Code in das Feld Benutzerdefinierter CSS-Code ein.
- Wenn Sie mit der Originalversion der Instant Site, WordPress oder einer anderen benutzerdefinierten Website verkaufen, klicken Sie auf der geöffneten Seite auf Neues CSS-Thema hinzufügen und fügen Sie Ihren CSS-Code in das Feld ein. Klicken Sie rechts auf den Aktivieren-Link, um dieses Design auf Ihr Schaufenster anzuwenden.
- Klicken Sie auf Speichern.
- Wenn Sie bereits ein bestehendes Design mit CSS-Codes haben und weitere Codes hinzufügen möchten, gehen Sie in Ihrem Shop-Adminbereich auf die Seite Design.
- Dieser Schritt variiert je nachdem, wo Sie verkaufen.
- Wenn Sie auf der New-Gen Instant Site verkaufen, scrollen Sie nach unten und klicken Sie CSS-Thema erstellen. Sie werden anschließend zum Instant Site Editor weitergeleitet, in dem Sie das aktuelle Design bearbeiten oder ein neues hinzufügen können.
- Wenn Sie auf der Originalversion Instant Site, WordPress oder einer anderen benutzerdefinierten Website verkaufen, klicken Sie neben Ihrem aktuellen Design auf Thema bearbeiten:
Fügen Sie neue CSS-Codes zu Ihrem bestehenden Design hinzu. Fügen Sie neue Codes unter bestehenden Codes hinzu:
- Speichern Sie die Änderungen.
Die zu Ihrem aktiven CSS-Design hinzugefügten Codes werden auf Ihr Shop-Schaufenster angewendet. Aktualisieren Sie Ihre Schaufenster-Seite, um die Änderungen zu sehen. Es kann nur ein aktives CSS-Design zur gleichen Zeit geben. Fügen Sie alle Codes, die Sie auf Ihr Schaufenster anwenden möchten, zu Ihrem derzeit aktiven Thema hinzu.
Wenn Sie die New-Gen Instant Site verwenden, wirken sich die Codes, die Sie auf Ihr Schaufenster anwenden (also im eigentlichen Shop, in dem Kunden nach Produkten suchen), nicht auf die Shop-Blöcke auf Ihrer Startseite aus. Wenn Sie das Aussehen der Shop-Blöcke anpassen möchten, können Sie dies individuell tun, z. B. mit den Design-Einstellungen im Site Editor.