{"id":33699,"date":"2018-04-24T11:34:12","date_gmt":"2018-04-24T09:34:12","guid":{"rendered":"https:\/\/www.spreadshop.com\/de\/blog\/?p=33699"},"modified":"2025-01-21T18:00:10","modified_gmt":"2025-01-21T17:00:10","slug":"die-praktischsten-css-kniffe-fuer-deinen-shop","status":"publish","type":"post","link":"https:\/\/www.spreadshop.com\/de\/blog\/2018\/04\/24\/die-praktischsten-css-kniffe-fuer-deinen-shop\/","title":{"rendered":"Die praktischsten CSS-Kniffe f\u00fcr Deinen Shop"},"content":{"rendered":"

Wenn Du Dir vorgenommen hast, Deinen Shop ganz nach Deinen Vorstellungen zu gestalten, wird CSS schnell Dein bester Freund. Dank vieler Anfragen in Blog, Forum und Kundenservice konnten wir die wichtigsten Fragen rund um das Styling Deines Shops identifizieren. Die Antworten findest Du nun in diesem Beitrag.<\/p>\n

<\/p>\n

Bevor wir loslegen: Bitte sei Dir bewusst, dass jedes Styling-Element in Deinem Shop aus gutem Grund existiert und Standards im E-Commerce befolgt. Jegliche \u00c4nderung kann also auch Auswirkungen darauf haben, wie seri\u00f6s oder vertrauensw\u00fcrdig Kunden Deinen Shop wahrnehmen. Ausserdem sollten diese CSS Kniffe als letzter Ausweg betrachtet werden, da sich CSS Klassen ohne vorherige Ank\u00fcndigung \u00e4ndern k\u00f6nnen und die Kniffe nicht mehr funktionieren werden. Das war’s auch schon mit der Vorrede, legen wir los!<\/p>\n

Was ist eigentlich CSS?<\/h2>\n

Simpel ausgedr\u00fcckt bestimmt das HTML, welche Elemente alle in Deinem Shop erscheinen sollen und das CSS (Cascading Style Sheet) macht das Ganze h\u00fcbsch. In einer eigens daf\u00fcr angelegten Datei werden Farben, Formen, Gr\u00f6\u00dfen und vieles mehr aller im HTML erw\u00e4hnten Elemente festgelegt. Weil es in diesem Beitrag um Styling, also das Aussehen Deines Shops geht, befassen wir uns mit CSS. Das sieht am Anfang kompliziert aus, aber keine Sorge, auch ohne gro\u00dfes Verst\u00e4ndnis von CSS kannst Du schnell einige spannende Layout-\u00c4nderungen an Deinem Shop vornehmen. Wir zeigen Dir, wie das geht.<\/p>\n

Wie komme ich an das CSS meines Shops heran?<\/h2>\n

Wir machen es Dir einfach, das CSS Deines Shops zu bearbeiten. In Deinen Shop-Einstellungen, gehe zu den Erweiterten Einstellungen und klicke auf \u201eHTML & CSS\u201c. Unter \u201eShop-CSS bearbeiten\u201c kannst Du beliebig viele der unten stehenden Beispiele einf\u00fcgen. Du kannst Leerzeichen und Zeilenumbr\u00fcche zur \u00dcbersicht benutzen, der Code funktioniert aber auch ohne. Wichtig: Keine Punkte, Hashtags oder Klammern auslassen!<\/p>\n

Beispiele f\u00fcr CSS-Hacks<\/h2>\n

Wie \u00e4ndere ich die Schriftart in meinem Shop?<\/strong><\/p>\n