Prestashop - Промяна на CSS

Със стиловите листове или CSS Можем да постигнем почти всичко в уеб средата, ефектите, които постигаме, се прилагат върху целия сайт, давайки възможност за създаване на хомогенна идентичност в цялата страница.
За щастие Prestashop Той е изграден с помощта на този стандарт, така че можем да променим външния му вид много бързо и ако спазваме конвенциите, можем да постигнем ефекти, които се прилагат в нашия магазин, като по този начин създаваме нашата графична идентичност.
Познаване на CSS файловете на Prestashop
Както винаги, преди да започнем да променяме нещо в нашия магазин, първото нещо, което трябва да направим, е да знаем къде стоим, в този случай трябва да се запознаем със структурата на Prestashop и къде можем да вземем различните файлове CSS.
Ако отворим структурата на папките на нашата инсталация на Prestashop трябва да отидем в папката теми, в него ще бъдат различните теми, налични за нашия магазин, благодарение на това можем да имаме различни вариации на нашето изображение.
Винаги е важно да запомните, че ако ще правим каквито и да било промени, първо трябва да архивираме данните, за това можем да копираме папката на темата, за да я променим и запазим с друго име, като по този начин можем да се върнем към предишна версия, ако е необходимо.
Веднъж в папката теми и след като вече сме въвели темата за промяна, трябва да намерим папката cssНека да видим следното изображение, за да илюстрираме пътя, който трябва да сме изминали:

Много добре, след като влезем в тази папка, трябва да имаме следните файлове:

• global.css
• maintenance.css
• scene.css

Файловете CSS на Prestashop работа с шаблонния механизъм Smarty (.tpl) която се намира по подразбиране в папката модули, въпреки че работата с този модул не е строго задължителна, за да я познаваме в дълбочина, но наличието на някои понятия може да ни помогне много.
Друг важен аспект е да знаете малко синтаксиса на CSSВъпреки че това може да бъде малко преобладаващо, много е важно да знаем какво означава всяко нещо в нашия файл, за да можем да действаме съзнателно всеки път, когато правим промяна.
global.css
Това е общият файл, който ни позволява да променим общия вид на всички страници на нашия магазин.
Аспектите, които можем да контролираме с този файл, са следните:

• Цвят на фона
• Размер на шрифта
• Тип шрифт
• Цвят
• Подравняване на текста
• Формат на абзац и страница

Както виждаме, тези аспекти са ключови в нашия графичен образ, така че този файл е жизненоважен за поддържане на потока на нашия сайт.
Въпреки че можем да направим много промени, при стартиране се препоръчва да не променяме съществуващия синтаксис, ако не и неговите стойности, за да можем да използваме файла CSS като основа и по този начин да научим какви промени се случват с всяка промяна на стойностите, които правим.
Вече имаме основание да започнем да променяме външния вид на нашия магазин чрез стиловите му файлове и също така вече знаем, че има и други концепции, които трябва да проучим и да се научим, за да постигнем по -професионални резултати.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка