Как поменять фон в OpenCart

Как поменять фон в OpenCart

От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Опенкарт). В этой статье мы поговорим о том, как поменять фон в OpenCart.

В этой статье мы с вами ответим на вопрос – как поменять фон сайта в OpenCart и, соответственно, немного поработаем с кодом. Как вы помните, в одной из предыдущих статей мы с вами выяснили, что вносить правки в код темы по умолчанию – default – не самая хорошая практика. Куда правильнее будет создать свой тему, даже если в ней будет всего один файл при этом. Ничего страшного, Опенкарт будет использовать измененный файл из вашей темы и первозданные файлы темы по умолчанию. Все будет работать и это правильно.

Поэтому, если вы до сих пор используете тему default, тогда не забудьте создать и активировать свою тему. Если же вы уже используете свою тему, тогда просто внесите соответствующие правки в код файла стилей, ведь для того, чтобы поменять фон сайта, нам нужен именно файл css.

Я буду работать с созданной в предыдущей статье темой с нехитрым названием mytheme. Там мы скопировали всего один файл – header.tpl. Откроем этот файл и найдем в нем подключение файла стилей, вот эту строку:

Как видим, здесь файл стилей stylesheet.css подключается из темы default. Давайте возьмем этот файл стилей оттуда и скопируем в структуру нашей темы:

Теперь изменим путь подключения файла стилей в шаблоне header.tpl нашей темы:

На сайте при этом внешне пока ничего не изменится, поскольку OpenCart подключит тот же файл стилей, только теперь из папки нашей темы. Осталось лишь изменить фон сайта в полученном файле. Откроем его и добавим для body нужный цвет фона:

Проверим изменения на сайте:

Работает! Смотрится, конечно, не очень, поскольку дизайн шаблона органично смотрится именно с белым фоном, но суть, полагаю понятна. На сегодня все. Больше об OpenCart вы можете узнать из наших бесплатных или платных уроков.

Метки:

Похожие статьи:

Комментарии Вконтакте: