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