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

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

Сегодня заканчиваем статью-урок о «Контакты в шапке opencart с картинкой через админ-панель». Сначала планировал сделать два или три урока по этой тебе, но в результате получилось одним уроком и очень даже не сложный.
В основе лежит прошлый урок. В этом уроке мы добавим возможность загружать изображение к контакту. Именно загружать, а не указывать пусть к изображению. Приступим.

1. Для начала сделаем верстку и выведем все нужные нам кнопки и формы в нужное место для контактов в шапке opencart. Первый будет файл шаблона шапки сайта catalog\view\theme\default\template\common\header.tpl:

Особого сложного мы ничего не написали.

Вот и все. Логика такова: если номер контакта вписан – вывести его, если нет – тогда не выводить не контейнер с номер, не картинку контакта. Если номер есть, тогда проверить, если ли картинка. Если картинка есть – вывести ее, если нет – не выводить, но номер выводить. Такая логика касается всех трёх контактов.

2. Далее нам нужен файл вида настройки сайта. admin\view\template\setting\setting.tpl

Смотрите не удалите лишнее или недоудалите. Если после удаление у вас в админ-панели в настройках на вкладке общее все поплывет – тогда вы что то сделали не правильно. Будьте внимательны.

И так, с внешним видом мы закончили. Если вы обновите страницу админ панели или главную страницу сейчас – у вас будет ошибка. И это логично и так должно быть.

3. Продолжаем. Сейчас нам нужно записать обработчики в контроллер.
Открываем сначала контроллер админ-панели admin\controller\setting\setting.php

Сохраняем файл.

4. Открываем admin\controller\setting\store.php

5. Далее мы редактируем контроллер шапки catalog\controller\common\header.php:

Сохраняем, загружаем все на хостинг и радуемся результатам.
На этом все. Так это все имеет вид в админ-панели:

Результат_админ_панель

6. Но что бы было так, как на скриншоте, открываем файл стилей catalog\view\theme\default\stylesheet\ stylesheet.css

Вот и все. Урок закончен. Помните, все, что вы делаете – вы делаете на свой страх и риск. Последствия и их решение возложены на Вас лично. Автор не несет ответственности перед вами.

 

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

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

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

Парсим курсы валют с Приват и Говерла без регулярок

Парсить можно очень многое, самый элементарный и довольно часто используемый пример это курсы валют. Существует …

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

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