PrestaShop - Основни промени на темите

Въпреки че основната тема по подразбиране на PrestaShop Той е доста функционален, магазинът не може да отиде онлайн по този начин, първо, защото рискуваме друг магазин да изглежда точно по същия начин, и второ, защото може би основната тема съдържа неща, които не ни трябват или са подредени по начин, който не съответства до нашия магазин.
Поради тази причина персонализирането е начинът, по който винаги следваме или като поставяме нова тема, или променяме съществуващата, така че подреждането на елементите и цветовете може да бъде различно.
Първи промени
Ще започнем да правим прости, но много ефективни промени, които ще направят темата да изглежда напълно различна от това, което е по подразбиране, за това ще следваме следните стъпки:

• Ще променим логото, правим това от администратора на бек офис, за това ще качим изображението в раздела: Предпочитания -> Външен вид.
• След това трябва да отидем на Бек офис -> Модули -> Инструменти -> Начален редактор.
• Сменихме централното лого при конфигурирането на модула.

След този старт сега ще променим някои позиционни елементи за по -голям ефект на персонализиране:

• Променяме позицията на блока Категория: в лявата колона.
• Деактивираме специални продукти.
• Променяме информацията в категории.

Нека видим следната екранна снимка, за да можем да разгледаме направените промени, ще забележим, че някои неща са преместени отдясно наляво и че други колони вече не са там и затова други се издигнаха на позиция:

Сега темата по подразбиране изглежда много различно, ако все още не постигнем добър резултат, не се притеснявайте, тъй като това е нещо ново и като такова трябва да се упражним малко, преди да станем експерти в областта.
Промяна на CSS
Друга промяна, която е много ефективна, е модифицирането на файловете CSS с които можем да променим например цвета на фона на магазина.
За целите на този пример ще използваме Firefox и вашите инструменти за програмисти или ако предпочитате firebug.
За да активирате редактирането на CSS с инструментите за програмисти просто ще щракнем с десния бутон върху магазина и ще изберем опцията Инспектирай елемента, след това в менюто, което се показва, ще изберем редактор на стилове.
Сега, ако използваме firebug, ние просто казваме inspect element with firebug и след това отиваме в раздела CSS.
В прозореца, който се появи и веднъж в секцията CSS ще намерим файла global.css и ще се опитаме да променим кода от Цвят на фона.

 тяло {background-color: [b] синьо [/ b]; размер на шрифта: 11px; семейство шрифтове: Verdana, Arial, Helvetica, Sans-Serif; цвят: # 5d717e; подравняване на текст: център} 

Благодарение на тези инструменти промяната се извършва в реално време и имаме възможност да я визуализираме, така че да видим напредъка си в момента:

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