Рубрики
PrestaShop

Новогодний фон для сайта на PrestaShop

Новогодний фон для сайта на PrestaShop
Для создания праздничного настроения у покупателей интернет магазина, можно сделать хорошие скидки и акции. А можно сделать новогодний фон для сайта на PrestaShop, о том как как изменить и сделать красивый фон для сайта читайте в статье под катом.

Для изменения фонового рисунка придется немного поправить стили CSS в шаблоне — эта операция не сложная, но будьте аккуратны.
Пошаговая инструкция для дефолтной темы PrestaShop:
1. Убираем белый фон у блоков — дописать в самом конце global.css ( фал стилей global.css находится в папке \themes\название_темы\css\):

.header-container, .columns-container{
background: none;
} 

2. Добавляем праздничный фон

#page{
background: url(../img/bg-new.jpg) repeat;
}

3. Для центрального блока делаем белую подложку — чтоб тексты легко читались

#columns .row{
    background: #fff;
}

4. Загружаем фоновое изображение с названием bg-new.jpg в папку img вашей темы (\themes\название_темы\img\).

Бесплатно скачать новогодний фон для сайта можно кликнув по картинкам ниже.

patterrific_happy_december_prev01

304134827

951913404

wpt87

Ну и конечно новогодний фон для сайта можно скачать в интернете и пользуясь инструкцией загрузить на ваш сайт.

Помимо фона можно добавить скрипт снегопада — но будьте осторожны на высоконагруженных площадках, т.к скрипт вносит небольшую задержку при отображении страницы
Новогодние модули снегопада для PrestaShop

Для предыдущей версии PrestaShop можно скачать новогодний шаблон опубликованный ранее на блоге:

Новогодняя тема для магазина на PrestaShop 1.4

Хочу Вас предостеречь от использования слишком ярких и броских сочетаний цветов — ведь основная задача вашего интернет магазина привлекать внимание к товару, а не к фону.

2 ответа к “Новогодний фон для сайта на PrestaShop”

А где находится global.css и вообще, можно как то для «чайников»? А то берем то и добавляем это, а где что находится не написали: в каком файле какой папки добавить фон и какие требования к фону, если свою картинку хочется?
Заранее спасибо!

фал стилей global.css находится в папке themesназвание_темыcss, требований к фону особо нет, но нужно быть разумным и не засовывать туда картинок в несколько Мб

Обсуждение закрыто.