Где менять шапку сайта

16.02.2013
0
13543

Вот так выглядит стандартная шапка интернет-магазина на OpenCart

И практически все меняют дизайн под себя, но не все знают как самостоятельно  изменить дизайн шапки  и стандартный шаблон в целом.

За внешний вид сайта отвечает таблица стилей css  /ваш_сайт/catalog/view/theme/default/stylesheet/stylesheet.css, вот эту таблицу и надо менять, для этого необходимо знать что за что отвечает. Расскажу обо всех элементах шапки:

#header – это собственно и есть сама шапка

#header #logo  – логотип

#language – язык сайта

#currency – валюта

#header #cart  – корзина покупок

#header #cart .heading – вид корзины

#header #cart.active .heading – вид корзины в активном состоянии

#header #cart .heading h4 – фраза “Корзина покупок”

#header #cart .heading a – ссылка “Товаров: 0 (0 р.)”

#header #cart .content – развернутая корзина покупок

#header #welcome – ссылки “Войти или Зарегистрироваться”

#header #search – поиск

#header .links – ссылки “Главная | Закладки | Личный кабинет | и т.д.”

Под шапкой (header)  расположено горизонтальное меню

#menu - горизонтальное меню

Это все что нужно знать, чтоб изменить внешний вид шапки, стиль и расположение ее элементов. Для изменения структуры шапки, для удаления или добавления каких-либо элементов нужно менять этот файл  /ваш_сайт/catalog/view/theme/default/template/common/header.tplНапример элемент #header #welcome не нужен, значит в header.tpl ищем и удаляем вот этот кусочек:

Аналогично со всеми элементами шапки.