От автора: приветствую вас, друзья. Итак, мы продолжаем цикл статей, посвященных знакомству с одной из популярнейших CMS для создания интернет-магазинов – OpenCart (Опенкарт). В этой статье мы поговорим о том, как поменять фон в OpenCart.
В этой статье мы с вами ответим на вопрос – как поменять фон сайта в OpenCart и, соответственно, немного поработаем с кодом. Как вы помните, в одной из предыдущих статей мы с вами выяснили, что вносить правки в код темы по умолчанию – default – не самая хорошая практика. Куда правильнее будет создать свой тему, даже если в ней будет всего один файл при этом. Ничего страшного, Опенкарт будет использовать измененный файл из вашей темы и первозданные файлы темы по умолчанию. Все будет работать и это правильно.
Поэтому, если вы до сих пор используете тему default, тогда не забудьте создать и активировать свою тему. Если же вы уже используете свою тему, тогда просто внесите соответствующие правки в код файла стилей, ведь для того, чтобы поменять фон сайта, нам нужен именно файл css.
Я буду работать с созданной в предыдущей статье темой с нехитрым названием mytheme. Там мы скопировали всего один файл – header.tpl. Откроем этот файл и найдем в нем подключение файла стилей, вот эту строку:
Как видим, здесь файл стилей stylesheet.css подключается из темы default. Давайте возьмем этот файл стилей оттуда и скопируем в структуру нашей темы:
Теперь изменим путь подключения файла стилей в шаблоне header.tpl нашей темы:
1 |
<link href="catalog/view/theme/mytheme/stylesheet/stylesheet.css" rel="stylesheet"> |
На сайте при этом внешне пока ничего не изменится, поскольку OpenCart подключит тот же файл стилей, только теперь из папки нашей темы. Осталось лишь изменить фон сайта в полученном файле. Откроем его и добавим для body нужный цвет фона:
Проверим изменения на сайте:
Работает! Смотрится, конечно, не очень, поскольку дизайн шаблона органично смотрится именно с белым фоном, но суть, полагаю понятна. На сегодня все. Больше об OpenCart вы можете узнать из наших бесплатных или платных уроков.