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 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:
So findem Sie eine CSS-Auswahl für das Schaufenster-Element:
- Öffnen Sie die Shop-Seite, auf der sich das Element befindet, das Sie ändern möchten.
- Klicken Sie mit der rechten Maustaste auf das Element, das Sie ändern möchten und auf > Untersuchen:
Chrome Inspector wird jetzt auf der Seite geöffnet angezeigt. Das von dir gesuchte Element wird hervorgehoben.
- Kopieren Sie auf der rechten Seite die Auswahl:
- Öffnen Sie die Shop-Seite, auf der sich das Element befindet, das Sie ändern möchten.
- Klicken Sie mit der rechten Maustaste auf das Element, das Sie ändern möchten und auf > Untersuchen:
Firefox Inspector wird jetzt auf der Seite angezeigt. Das von dir gesuchte Element wird hervorgehoben.
- Kopieren Sie auf der rechten Seite die Auswahl:
- Öffnen Sie die Shop-Seite, auf der sich das Element befindet, das Sie ändern möchten.
- Klicken Sie mit der rechten Maustaste auf das Element, das Sie ändern möchten und auf > Element untersuchen:
Safari Web Inspector wird jetzt auf der Seite geöffnet angezeigt. Das von dir gesuchte Element wird hervorgehoben.
- Kopieren Sie auf der rechten Seite die Auswahl:
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__valueEin CSS-Code, um die Preisfarbe auf Rot zu ändern, sieht folgendermaßen aus:
.ec-size .ec-store .details-product-price__value {
color: red;
}Verwandte Artikel:
Umfassende Anleitung zur Anpassung Ihres Ecwid Shop-Designs
CSS-Codes für deinen Ecwid-Shop (auf Englisch)
Anpassung bestimmter Seiten