Ось так виглядає стандартна шапка інтернет-магазину на OpenCart
І практично всі змінюють дизайн під себе, але не всі знають як самостійно змінити дизайн шапки і стандартний шаблон в цілому.
За зовнішній вигляд сайту відповідає таблиця стилів css /ваш_сайт/catalog/view/theme/default/stylesheet/stylesheet.css. ось цю таблицю і треба міняти, для цього необхідно знати що за що відповідає. Розповім про всі елементи шапки:
#header - це власне і є сама шапка
#header #logo - логотип
#language - мова сайту
#header #cart - корзина покупок
#header #cart .heading - вид кошика
#header # cart.active .heading - вид кошика в активному стані
#header #cart .heading h4 - фраза "Кошик покупок"
#header #cart .content - розгорнута кошик покупок
#header #welcome - посилання "Увійти або Зареєструватися"
#header #search - пошук
#header .links - посилання "Головна | Закладки | Особистий кабінет | і т.д."
Під шапкою (header) розташоване горизонтальне меню
#menu - горизонтальне меню
Це все що потрібно знати, щоб змінити зовнішній вигляд шапки, стиль і розташування її елементів. Для зміни структури шапки, для видалення або додавання будь-яких елементів потрібно міняти цей файл /ваш_сайт/catalog/view/theme/default/template/common/header.tpl. Наприклад елемент #header #welcome не потрібен, значить в header.tpl шукаємо і видаляємо ось цей шматочок: