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 Ecwid-Adminbereich einem CSS-Design hinzufügen.

Sehen Sie sich das folgende Video an, um zu erfahren, wie CSS im Allgemeinen funktioniert:

Schauen Sie sich unsere Sammlung der am häufigsten verwendeten CSS-Codes an. Sie können sie so verwenden, wie sie sind, oder sie an Ihren Shop anpassen. Beachten Sie, dass die Bearbeitung von CSS-Codes eine gute Kenntnis von CSS erfordert. Wenn Sie mit der Bearbeitung von Codes nicht vertraut sind, sollten Sie das Ecwid-Team für kundenspezifische Entwicklung beauftragen.

So fügen Sie CSS-Code zu Ihrem Ecwid-Shop hinzu:

Wenn Sie noch keine CSS-Codes zu Ihrem Ecwid-Shop hinzugefügt haben, gehen Sie in Ihrem Ecwid-Adminbereich auf die Seite Design.
Scrollen Sie nach unten zum Abschnitt Designs und detaillierte Anpassungen.
Klicken Sie auf Thema erstellen:

Designs im Ecwid-Shop 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 Ecwid Instant Site, WordPress, Wix 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 Ecwid-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 der Ecwid Instant Site, WordPress, Wix 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 Ecwid-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.

Verwandte Artikel

Bearbeiten des Shop-Designs
Professionelle Dienstleistungen von Ecwid

War dieser Beitrag hilfreich?

Großartig! Vielen Dank für Ihr Feedback!

Vielen Dank für Ihr Feedback!

Das tut uns leid! Was ist schief gelaufen?

Diese Anweisungen haben nicht funktioniert
Ich fand diesen Artikel verwirrend oder unklar
Ich habe keine Antwort auf meine Frage gefunden
Mir gefällt nicht, wie das Feature funktioniert
Anderes

15 von 31 fanden dies hilfreich