Домой / HELP / Контакты в шапке opencart с картинкой через админ-панель (учимся думать)

Контакты в шапке opencart с картинкой через админ-панель (учимся думать)

Опыт работы с CMS opencart впечатлил меня начать работать с ней больше и писать статьи о рабочих решениях. В первой части мы простеньким способом покажем контакты в шапке нашего Интернет-магазина.

opencart_less_1_img_4

1. Редактируем catalog\view\theme\default\template\common\header.tpl

2. Редактируем catalog\view\theme\default\stylesheet\stylesheet.css
opencart_less_1_img_1

Все хорошо, но как то не смотрится. Подвинем все немного (+ добавили еще 2 номера):

3. В тот же файле стиля находим:

opencart_less_1_img_2

В большинстве случаев этого достаточно. Но мы еще хотим возле номеров поставить иконку операторам.

4. Находим сам иконки или можете скачать те, что в примере, загружаем картинки по адресуcatalog/view/theme/default/image.

5. Открываем файл стилей stylesheet.css и ищем:

В итоге получаем следующее:

opencart_less_1_img_3

В этой статье был описан банально простой способ вынести контакты в шапку сайта. Но хочется как то попотеть и в результате иметь возможность править номера телефона из админ-панели. Думаю это мы и сделаем в следующем уроке.

Смотрим следующие странички, там интереснее.

Про Александр

Здравствуйте, меня зовут Александр Мороз. Профессионально занимаюсь созданием сайтов . Выражаюсь на диалектах PHP, SQL, JavaScript, HTML, CSS, XML, jQuery. Иногда и матом в особо сложных случаях :)

Проверьте также

Настраиваем файл robots.txt для WordPress

В этой статье пример оптимального, на мой взгляд, кода для файла robots.txt под WordPress, который …

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

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