Wissensdatenbank
Leitfäden
Academy
Video-Tutorials
Versuchen Sie es mit:
Zuletzt angesehene Artikel:

Inhaltsverzeichnis

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 (auf Englisch) 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:

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

Designs im Ecwid-Shop erstellen

  1. Dieser Schritt variiert je nachdem, wo Sie verkaufen.
    • Wenn Sie auf der Instant Site der nächsten Generation verkaufen, werden Sie zum Instant Site Editor weitergeleitet. Fügen Sie Ihren Code in das Feld Benutzerdefinierter CSS-Code ein.
    • Wenn Sie mit der alten Version der Ecwid Instant Site (auf Englisch), 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.
  1. Klicken Sie auf Speichern.

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 Instant Site der nächsten Generation 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 (auf Englisch)
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?
158 von 231 fanden dies hilfreich
10
Wir verwenden Cookies und ähnliche Technologien, um Ihre Präferenzen zu speichern, die Effektivität unserer Kampagnen zu messen und anonymisierte Daten zu analysieren, um die Leistung unserer Website zu verbessern. Mit der Auswahl von „Akzeptieren“ stimmen Sie der Verwendung von Cookies zu.
Cookies akzeptieren Ablehnen