Для создания праздничного настроения у покупателей интернет магазина, можно сделать хорошие скидки и акции. А можно сделать новогодний фон для сайта на 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\).
Бесплатно скачать новогодний фон для сайта можно кликнув по картинкам ниже.
Помимо фона можно добавить скрипт снегопада — но будьте осторожны на высоконагруженных площадках, т.к скрипт вносит небольшую задержку при отображении страницы
Новогодние модули снегопада для PrestaShop
Для предыдущей версии PrestaShop можно скачать новогодний шаблон опубликованный ранее на блоге:
Новогодняя тема для магазина на PrestaShop 1.4
Хочу Вас предостеречь от использования слишком ярких и броских сочетаний цветов — ведь основная задача вашего интернет магазина привлекать внимание к товару, а не к фону.
2 ответа к “Новогодний фон для сайта на PrestaShop”
А где находится global.css и вообще, можно как то для «чайников»? А то берем то и добавляем это, а где что находится не написали: в каком файле какой папки добавить фон и какие требования к фону, если свою картинку хочется?
Заранее спасибо!
фал стилей global.css находится в папке themesназвание_темыcss, требований к фону особо нет, но нужно быть разумным и не засовывать туда картинок в несколько Мб