Prestashop - Ändern des CSS

Mit den Stylesheets oder CSS Wir können fast alles in der Webumgebung erreichen, die von uns erzielten Effekte werden auf die gesamte Website angewendet und bieten die Möglichkeit, eine homogene Identität auf der gesamten Seite zu schaffen.
Glücklicherweise Prestashop Es wird nach diesem Standard gebaut, sodass wir sehr schnell Änderungen am Erscheinungsbild vornehmen können und wenn wir die Konventionen befolgen, können wir Effekte erzielen, die in unserem gesamten Geschäft angewendet werden und so unsere grafische Identität schaffen.
Die CSS-Dateien von Prestashop kennen
Wie immer, bevor wir anfangen, etwas in unserem Geschäft zu ändern, müssen wir zuerst wissen, wo wir stehen, in diesem Fall müssen wir uns mit der Struktur von . vertraut machen Prestashop und wo können wir die verschiedenen Dateien bekommen CSS.
Wenn wir die Ordnerstruktur unserer Installation von . öffnen Prestashop wir müssen in den Ordner gehen Themen, darin werden die verschiedenen Themen für unseren Shop verfügbar sein, dank dessen können wir verschiedene Variationen unseres Bildes haben.
Es ist immer wichtig, sich daran zu erinnern, dass wir, wenn wir Änderungen vornehmen, zuerst die Daten sichern müssen. Dazu können wir den Ordner des zu ändernden Themas kopieren und unter einem anderen Namen speichern vorherige Version, falls erforderlich.
Einmal im Ordner Themen und nachdem wir das zu ändernde Thema bereits eingegeben haben, müssen wir den Ordner suchen CSSSehen wir uns das folgende Bild an, um den Weg zu veranschaulichen, den wir zurückgelegt haben müssen:

Sehr gut, einmal in diesem Ordner müssen wir die folgenden Dateien haben:

• global.css
• Wartung.css
• Szenen.css

Die Dateien CSS von Prestashop mit der Template-Engine arbeiten Smarty (.tpl) die sich standardmäßig im Modulordner befindet, obwohl die Arbeit mit diesem Modul nicht unbedingt erforderlich ist, um es gründlich zu kennen, aber einige Begriffe können uns sehr helfen.
Ein weiterer wichtiger Aspekt ist, ein wenig die Syntax von . zu kennen CSSObwohl dies etwas überwältigend sein kann, ist es sehr wichtig zu wissen, was die einzelnen Dinge in unserer Datei bedeuten, damit wir bei jeder Änderung wissentlich handeln können.
global.css
Dies ist die allgemeine Datei, mit der wir das allgemeine Erscheinungsbild aller Seiten unseres Shops ändern können.
Die Aspekte, die wir mit dieser Datei steuern können, sind die folgenden:

• Hintergrundfarbe
• Schriftgröße
• Schriftart
• Farbe
• Textausrichtung
• Absatz- und Seitenformat

Wie wir sehen können, sind diese Aspekte der Schlüssel zu unserem grafischen Erscheinungsbild, daher ist diese Datei von entscheidender Bedeutung, um den Fluss unserer Website aufrechtzuerhalten.
Obwohl wir viele Änderungen vornehmen können, wird empfohlen, beim Starten die vorhandene Syntax nicht zu ändern, wenn nicht ihre Werte, damit wir die Datei verwenden können CSS als Basis und lernen auf diese Weise, welche Änderungen bei jeder Änderung der von uns vorgenommenen Werte auftreten.
Wir haben bereits eine Grundlage, um das Erscheinungsbild unseres Shops durch seine Style-Dateien zu ändern, und wir wissen auch bereits, dass es andere Konzepte gibt, die wir untersuchen und lernen müssen, um professionellere Ergebnisse zu erzielen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben