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

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

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

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

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

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

Интернет-магазин на OpenCart!

Создайте интернет-магазин на самой популярной CMS – OpenCart с нуля!

Приступить к созданию

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

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

<link href="catalog/view/theme/mytheme/stylesheet/stylesheet.css" rel="stylesheet">

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

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

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

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

OpenCart: быстрый старт, первые результаты

Создайте свой первый интернет-магазин на OpenCart с полного нуля!

Получить

Метки:

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

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

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree