декабря 6, 2015

Новогодний фон для сайта на 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

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


Комментарии

  • Aleksandr Ulanov

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

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