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

Inhaltsverzeichnis

Suche nach CSS-Auswahlen für Ecwid-Schaufenster

Wenn Sie Änderungen an Ihrem Schaufenster vornehmen wollen, die mit den in Ecwid integrierten Designeinstellungen nicht möglich sind, können Sie CSS-Codes verwenden. Sie können aus bereits fertigen Ecwid CSS-Codes (auf Englisch) wählen oder Ihre eigenen Codes von Grund auf erstellen.

Um einen Code zu erstellen, sollten Sie die richtige Auswahl für das Element finden (Text, Schaltfläche, Bild usw.), das Sie ändern möchten. Sie können das mit den integrierten Browser-Entwicklerwerkzeugen tun. Sobald Sie die Auswahl erhalten, erstellen Sie einen Code und fügen Sie ihn in Ihr Shop-Designthema ein. Nachdem Sie die Schaufenster-Seite aktualisiert haben, werden die Änderungen angezeigt.

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

Das Erstellen von CSS-Codes erfordert erweiterte Kenntnisse in CSS. Die Experten von Ecwid können Ihnen bei dieser Aufgabe helfen und ein Thema für Ihren Shop entwerfen.

So findem Sie eine CSS-Auswahl für das Schaufenster-Element:

  1. Öffnen Sie die Shop-Seite, auf der sich das Element befindet, das Sie ändern möchten.
  2. Klicken Sie mit der rechten Maustaste auf das Element, das Sie ändern möchten und auf > Untersuchen:

Chrome_CSS_selector___3_.png

Chrome Inspector wird jetzt auf der Seite geöffnet angezeigt. Das von dir gesuchte Element wird hervorgehoben.

  1. Kopieren Sie auf der rechten Seite die Auswahl:

Chrome_CSS_selector___2_.png

Verwenden Sie die gefundene Auswahl, um CSS-Codes zu erstellen. Fügen Sie dann die vorbereiteten Codes in das aktive CSS-Thema ein.

Beispiel

Der Preis auf der Produktseite hat diese CSS-Auswahl:


.ec-size .ec-store .details-product-price__value

Ein CSS-Code, um die Preisfarbe auf Rot zu ändern, sieht folgendermaßen aus:


 .ec-size .ec-store .details-product-price__value {
              color: red;
}
Es gibt viele Online-Ressourcen, wo man lernen kann, wie man CSS-Codes erstellt. Sehen Sie sich beispielsweise diese Seite an: https://www.w3schools.com/

Verwandte Artikel:

Umfassende Anleitung zur Anpassung Ihres Ecwid Shop-Designs
CSS-Codes für deinen Ecwid-Shop (auf Englisch)
Anpassung bestimmter Seiten

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?
3 von 4 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