Dark

Добавляем "Андес, телефон и т.д." в шапку [How-To]

Рекомендуемые сообщения

Dark    13

И так, многие этот вопрос делаю намного проще: создают таблицу или div в файле header.tpl в непосредственно в файле вписывают все контакты, телефоны, адреса и т.д. Но зачем делать одно дело дважды? Ведь все заполняют в настройках и телефон и адрес магазина, что благополучно отображается на странице контактов

index.php?route=information/contact

.

Snap3.png

Задача:

- вывести нужные контакты в шапку (header).

Недостаток этого метода:

- 1 номер телефона (в следующем уроке напишу как исправить).

Решаем задачу:

0. Перед выполнением, рекомендую сделать копии файлов:

\catalog\controller\common\header.php

\catalog\view\theme\default\template\common\header.tpl

1. Зайти в \catalog\controller\information\contact.php

Изьять те переменные, которые нужны для вывода. Например выведем номер телефона. Копируем текст:

$this->data['telephone'] = $this->config->get('config_telephone');

открываем \catalog\controller\common\header.php:

после (примерно 75 строка) :

$this->data['text_checkout'] = $this->language->get('text_checkout');

вставляем

$this->data['telephone'] = $this->config->get('config_telephone');

3. Открываем \catalog\view\theme\default\template\common\header.tpl:

<?php if ($telephone) { ?>
	<b>Телефон:</b><br />
	<?php echo $telephone; ?><br />
	<br />
	<?php } ?>

в этом пункте есть одно НО:

<b>Телефон:</b><br />

Если у вас сайт с несколькими языками - подключите вывод через модуль языков. У меня только русский язык, поэтому сделал так.

4. Радуемся.

PS

Перед началом этих телодвижений, рекомендую написать в CSS (ну или как вы там разметку делаете)

место будущих контактов.

PPS

Все это делается на стандартном шаблоне версии 1.5.4.1.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
MaKCuMKa82    0

Блин, вот уже прямо хотел бежать всё делать, настолько всё здорово и подробно описано, но постскриптум убил. Понятия не имею что есть CSS. Я дилетант полнейший, впервые собственноручно ковыряю сайт, до этого нанимал специально обученных людей. А тут решил попробовать сам, и вроде всё получилось, окромя этих несчастных контактов.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
12strun    279

Недостаток этого метода:

- 1 номер телефона (в следующем уроке напишу как исправить).

В одном из магазинов я решала это так: в админке забивала телефоны через ';', а в хидере с помощью str_replace() ';' менялся на <br />.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dark    13

В одном из магазинов я решала это так: в админке забивала телефоны через ';', а в хидере с помощью str_replace() ';' менялся на <br />.

Простой вариант. Я бы его рекомендовал, но буду делать другим путем. завтра постараюсь выложить урок.

PS

1. стоит ограничение от 3 до 32 символа на ячейку с телефоном;

2. неудобство в админпанели уводить номера, маленькая форма увода.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dark    13

Блин, вот уже прямо хотел бежать всё делать, настолько всё здорово и подробно описано, но постскриптум убил. Понятия не имею что есть CSS. Я дилетант полнейший, впервые собственноручно ковыряю сайт, до этого нанимал специально обученных людей. А тут решил попробовать сам, и вроде всё получилось, окромя этих несчастных контактов.

сложно вам будет работать с шаблонами, без малейшего понятия в стилях (css) и html.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
fedorshvetc    3

А я уже в самом header.tpl всё в ручную прописал.

post-30305-0-10999400-1363293074_thumb.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
LeFleurs    1

Делал по такому принципу, но при масштабировании сайта +/- номера телефона уходят то за логотип то за поиск закрепить никак не получается на 1 месте. если использовать fixed то он при прокручивании скролом то ползет за ним., подскажите как решить проблему?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dark    13

Делал по такому принципу, но при масштабировании сайта +/- номера телефона уходят то за логотип то за поиск закрепить никак не получается на 1 месте. если использовать fixed то он при прокручивании скролом то ползет за ним., подскажите как решить проблему?

В какой div вы его поместили? id или class из css этого контейнера напишите.

PS.

увеличение 300... все на месте.

Snap5_500.jpgi.gif

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
LeFleurs    1

Вот поместил так <div id="contacts"> а в CSS вот так

#contacts {
position: absolute;
top: 5px;
right: 900px;
background: url('../image/mobileme.png') no-repeat;
padding-left: 55px;
padding-bottom: 10px;
font-size: 15px;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
vik    0

Напишите,пожалуйста,подробнее в какой div и как надо помещать,и css пропишите,как вы делали! Первый раз в это окунулась,очень сложно разобраться!

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Pascha    687

Вот поместил так <div id="contacts"> а в CSS вот так

#contacts {
position: absolute;
top: 5px;
right: 900px;
background: url('../image/mobileme.png') no-repeat;
padding-left: 55px;
padding-bottom: 10px;
font-size: 15px;
}

интересно)))

right: 900px; - это ж где? при ширине шаблона в 960px например? или 1025px?

а float: left тут никаким боком не подойдет? и потом padding: ....ну или margin:....(даже может где то около "auto"? никак?

background: url('../image/mobileme.png') no-repeat;

это то же не очень, прямо скажем для любителей фотошопа))), не пойму почему не использовать


width:размер по  ширине.;
height: .размер по высоте;
border: толщина.... метод вывода.... цвет (рамки).;
background:.цвет.;
border-radius: .параметр скругления углов;
и т.д.

далее по тексту, если честно, то же полный абзац)))

P.S. не критикую...но "волшебный пендель" ни кому не повредит))))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Dark    13

Немного покаруселил и сделал более интересный вариант с выводом в админке. Писать на форуме новый урок не буду, кому нужно можете взять информацию из моего блога http://opencartadm.b...vtoroyurok.html

PS

если это сообщение администрация считает рекламой - удалите, будет время - перенесу на форум.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Похожий контент

    • От Nekto

      300.00 руб
      Скачать/Купить дополнение


      Редактируем футер 2.0
      Добавлет в футер
      1 - Колонку контакты в которой выводятся, адрес, телефон, email, время работы, коментарий **.
      2 - Ссылки на социальные сети **.
      3 - Способы оплаты Cards (или что угодн HTML) *.
      4 - Вывод HTML, большой блок, шириной в 100% , можно разбить на меньшые*.
      5,6,4 - 3 блока одинаковой ширины, Вывод HTML, например для вывода счетчика посетителей, Кнопки "Поделиться ссылкой", *.
      * - Вывод HTML кода, в любой из этих блоков можно вывести как значки fontawesome так и текст, ссылки, изображения (их можно загрузить через текстовый редактор), изображение со ссылкой, код счетчика, виджет соцсетей, карту и т.д.
      ** - если поле не заполненно, значек не появляется.
      Не создает дополнительной нагрузки на БД, заменяет запрос "config_name" на другой.
      Простая установка через OcMod. Включить и настроить в модулях.
      Насройка блоков
      1 - заполните поля "телефон, email и т.д. "все заполненные поля появятся в колонке "Контакты" с соответствующими значками.
      2 - добавьте ссылки на ваши страницы в социальных сетях "все заполненные поля появятся в блоке 2" с соответствующими значками.
      3 - в этот блок можно добавить способы оплаты принимаемые на сайте в виде "Font Awesome Icons" (примеры и ссылка на все значки Font Awesome непосредственно в модуле) или в виде ссылки на изображение, вот так -
      <img src="http://cartopen.ru/image/data/2031/install-footer5.jpg" alt="">
      4 - можно вставить схему проезда - карту, или что угодно HTML. Блок можно поделить на части, как на демо вставив
      <div class="col-sm-4">ВИДЖЕТ В КОНТАКТЕ - КОДВИДЖЕТА</div>
      <div class="col-sm-8">КАРТА - КОД КАРТЫ</div>
      5,6,7 - 5 вставлен код поделиться ссылкой, 6 обычный текст, 7 - код счетчика посетителей.
      Демо
      Установка
      В панели администрирования перейти в Дополнения - Установка дополнений Загрузить zip файл дополнения через OCMOD В панели администрирования перейти в Дополнения - Менеджер дополнений, нажать кнопку Обновить Включить модуль и заполнить необходимые поля. Файл для тестирования Вашего шаблона, в каком месте появятся блоки.
      Если тестирование не прошло удачно, Вы можете обратиться в личку для ручной установки
      для этого мне понадобятся достув админку, ftp доступ и некоторое время. Доплата не нужна за это.
      Скачать Добавил Nekto Добавлено 29.01.2016 Категория Редакторы Системные требования Сайт разработчика Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop Не проверялось  
    • От Nekto
      Добавлет в футер
      1 - Колонку контакты в которой выводятся, адрес, телефон, email, время работы, коментарий **.
      2 - Ссылки на социальные сети **.
      3 - Способы оплаты Cards (или что угодн HTML) *.
      4 - Вывод HTML, большой блок, шириной в 100% , можно разбить на меньшые*.
      5,6,4 - 3 блока одинаковой ширины, Вывод HTML, например для вывода счетчика посетителей, Кнопки "Поделиться ссылкой", *.
      * - Вывод HTML кода, в любой из этих блоков можно вывести как значки fontawesome так и текст, ссылки, изображения (их можно загрузить через текстовый редактор), изображение со ссылкой, код счетчика, виджет соцсетей, карту и т.д.
      ** - если поле не заполненно, значек не появляется.
      Не создает дополнительной нагрузки на БД, заменяет запрос "config_name" на другой.
      Простая установка через OcMod. Включить и настроить в модулях.
      Насройка блоков
      1 - заполните поля "телефон, email и т.д. "все заполненные поля появятся в колонке "Контакты" с соответствующими значками.
      2 - добавьте ссылки на ваши страницы в социальных сетях "все заполненные поля появятся в блоке 2" с соответствующими значками.
      3 - в этот блок можно добавить способы оплаты принимаемые на сайте в виде "Font Awesome Icons" (примеры и ссылка на все значки Font Awesome непосредственно в модуле) или в виде ссылки на изображение, вот так -
      <img src="http://cartopen.ru/image/data/2031/install-footer5.jpg" alt="">
      4 - можно вставить схему проезда - карту, или что угодно HTML. Блок можно поделить на части, как на демо вставив
      <div class="col-sm-4">ВИДЖЕТ В КОНТАКТЕ - КОДВИДЖЕТА</div>
      <div class="col-sm-8">КАРТА - КОД КАРТЫ</div>
      5,6,7 - 5 вставлен код поделиться ссылкой, 6 обычный текст, 7 - код счетчика посетителей.
      Демо
      Установка
      В панели администрирования перейти в Дополнения - Установка дополнений Загрузить zip файл дополнения через OCMOD В панели администрирования перейти в Дополнения - Менеджер дополнений, нажать кнопку Обновить Включить модуль и заполнить необходимые поля. Файл для тестирования Вашего шаблона, в каком месте появятся блоки.
      Если тестирование не прошло удачно, Вы можете обратиться в личку для ручной установки
      для этого мне понадобятся достув админку, ftp доступ и некоторое время. Доплата не нужна за это.
      Скачать
    • От louise170


      Просмотреть файл Полезные доработки для Опенкарт
      Модуль "Полезные доработки для Опенкарт" позволяет внести на сайт следующие полезные изменения:
      Заголовки товаров в админке (admin_product_name.xml) - заголовки товаров видны на странице товара при переключении между вкладками. Главная категория и правильные хлебные крошки в товарах (product_breadcrumbs.xml) - возможность задать главную категорию товару и использовать ее для формирования хлебных крошек. Правильное описание товаров (product_description.xml) Модуль позволяет правильно обрезать описания для товаров в русском языке (по пробелу, а не посередине слова) Правильная постраничная навигация (product_pagination.xml) Модуль делает правильное отображение постраничной навигации на сайте,
      если только всего 1 страница, то не показывать постраничную навигацию. Контакты и прочее в шапку сайта (site_header.xml) - Модуль добавляет переменные для контактов и слогана в контроллер шапки сайта.
      Дальше их можно использовать для вывода в шаблоне. Отображение заглушки для способа оплаты "Оплата при доставке", если не достигнута минимальная сумма заказа (payment_cod_plug.xml).
      Совместимо со стандартной корзиной Опенкарта и с модулем Simple. Есть возможность включить переименование этого способа
      оплаты в "Наложенный платеж" (payment_cod_to_nalozhka.xml). Задание длительности сессии в админке (session.xml), сейчас это 2 часа - 7200 секунд, можно поставить любое др. значение. Отображение наличия товаров на странице категорий (show_product_status.xml) - модуль для отображения статусов заказов на странице
      списка товаров в категориях, поиске, в модулях "Последние", "Бестселлеры", "Рекомендуемые" и "Акции". Сравнение товаров (product_compare.xml) - модуль для отображения модифицированной ссылки "В сравнения" в категориях, поиске, в модулях "Последние", "Бестселлеры", "Рекомендуемые" и "Акции". Если товар уже был добавлен в сравнения, под ним будет писаться "В сравнении", а ссылка с него будет вести на страницу сравниваемых товаров. Каждое из описанных изменений находится в отдельном файле vqmod, т.е. вы по желанию можете включить только те, изменения, которые вам нужны.
      Никакие системные файлы не затираются, модуль использует vqmod.
      Модуль тестировался на Opencart:
      1.5.4.1 1.5.6 MaxyStore:
      1.5.3.1 Внимание: для Ocstore модуль для правильных хлебных крошек вам не понадобится там аналогичное уже сделано, но немного иначе.
      Поддерживаемые языки:
      русский
      Пример работы модуля:
      http://ocstore156.hypnoguru.ru/
      Демо админки:
      http://ocstore156.hypnoguru.ru/admin/
      доступ
      demo / demo
      Установка
      Разархивируйте Скопируйте файлы на сервер Если вы используете модуль номер 5, то след. переменные (которые задаются в настройках магазина)
      могут быть включены в шапку вашего шаблона: $slogan, $telephone, $fax, $text_contact Инструкция по установке VQMOD (если vqmod уже установлен выполняем сразу 5 пункт):
      Скачиваем последнюю версию vqmod для Opencart https://github.com/vqmod/vqmod/releases Загружаем по FTP папку "vqmod" в корневую директорию вашего сайта. Устанавливаем права 777 на папки /vqmod и /vqmod/vqcache В адресной строке браузера вводим http://имя-вашего-сайта/vqmod/install/, после чего должна появиться надпись об успешной установке VQMOD-а. Закачиваем из архива модуля файлы с расширением xml в папку /vqmod/xml Ручная установка: если по каким-то причинам вы не используете у себя на сайте vqmod, вы можете
      внести необходимы изменения в файлы вручную. Для этого откройте в папке vqmod/xml файлы относящиеся к модулю и
      смотрите там нужные вам изменения. Там, в принципе, понятно, где что на что менять.
      Но если вы не знакомы с синтаксисом файлов vqmod и вам не очень понятно что к чему, то предварительно
      можете почитать об этом тут:
      https://github.com/vqmod/vqmod/wiki/Examples
      https://github.com/vqmod/vqmod/wiki/Scripting
      Автор louise170 Добавлен 27.08.2014 Категория Модули Системные требования Сайт разработчика Старая цена Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От louise170
      Модуль "Полезные доработки для Опенкарт" позволяет внести на сайт следующие полезные изменения:
      Заголовки товаров в админке (admin_product_name.xml) - заголовки товаров видны на странице товара при переключении между вкладками. Главная категория и правильные хлебные крошки в товарах (product_breadcrumbs.xml) - возможность задать главную категорию товару и использовать ее для формирования хлебных крошек. Правильное описание товаров (product_description.xml) Модуль позволяет правильно обрезать описания для товаров в русском языке (по пробелу, а не посередине слова) Правильная постраничная навигация (product_pagination.xml) Модуль делает правильное отображение постраничной навигации на сайте,
      если только всего 1 страница, то не показывать постраничную навигацию. Контакты и прочее в шапку сайта (site_header.xml) - Модуль добавляет переменные для контактов и слогана в контроллер шапки сайта.
      Дальше их можно использовать для вывода в шаблоне. Отображение заглушки для способа оплаты "Оплата при доставке", если не достигнута минимальная сумма заказа (payment_cod_plug.xml).
      Совместимо со стандартной корзиной Опенкарта и с модулем Simple. Есть возможность включить переименование этого способа
      оплаты в "Наложенный платеж" (payment_cod_to_nalozhka.xml). Задание длительности сессии в админке (session.xml), сейчас это 2 часа - 7200 секунд, можно поставить любое др. значение. Отображение наличия товаров на странице категорий (show_product_status.xml) - модуль для отображения статусов заказов на странице
      списка товаров в категориях, поиске, в модулях "Последние", "Бестселлеры", "Рекомендуемые" и "Акции". Сравнение товаров (product_compare.xml) - модуль для отображения модифицированной ссылки "В сравнения" в категориях, поиске, в модулях "Последние", "Бестселлеры", "Рекомендуемые" и "Акции". Если товар уже был добавлен в сравнения, под ним будет писаться "В сравнении", а ссылка с него будет вести на страницу сравниваемых товаров. Каждое из описанных изменений находится в отдельном файле vqmod, т.е. вы по желанию можете включить только те, изменения, которые вам нужны.
      Никакие системные файлы не затираются, модуль использует vqmod.
      Модуль тестировался на Opencart:
      1.5.4.1 1.5.6 MaxyStore:
      1.5.3.1 Внимание: для Ocstore модуль для правильных хлебных крошек вам не понадобится там аналогичное уже сделано, но немного иначе.
      Поддерживаемые языки:
      русский
      Пример работы модуля:
      http://ocstore156.hypnoguru.ru/
      Демо админки:
      http://ocstore156.hypnoguru.ru/admin/
      доступ
      demo / demo
      Установка
      Разархивируйте Скопируйте файлы на сервер Если вы используете модуль номер 5, то след. переменные (которые задаются в настройках магазина)
      могут быть включены в шапку вашего шаблона: $slogan, $telephone, $fax, $text_contact Инструкция по установке VQMOD (если vqmod уже установлен выполняем сразу 5 пункт):
      Скачиваем последнюю версию vqmod для Opencart https://github.com/vqmod/vqmod/releases Загружаем по FTP папку "vqmod" в корневую директорию вашего сайта. Устанавливаем права 777 на папки /vqmod и /vqmod/vqcache В адресной строке браузера вводим http://имя-вашего-сайта/vqmod/install/, после чего должна появиться надпись об успешной установке VQMOD-а. Закачиваем из архива модуля файлы с расширением xml в папку /vqmod/xml Ручная установка: если по каким-то причинам вы не используете у себя на сайте vqmod, вы можете
      внести необходимы изменения в файлы вручную. Для этого откройте в папке vqmod/xml файлы относящиеся к модулю и
      смотрите там нужные вам изменения. Там, в принципе, понятно, где что на что менять.
      Но если вы не знакомы с синтаксисом файлов vqmod и вам не очень понятно что к чему, то предварительно
      можете почитать об этом тут:
      https://github.com/vqmod/vqmod/wiki/Examples
      https://github.com/vqmod/vqmod/wiki/Scripting
    • От costas


      Просмотреть файл Страница контактов (Custom Contact Page)
      Страница контактов (The contact page)

      Версии и сборки с которыми совместим данный модуль:
      OpenCart версии 2.0.x - 2.3.x ocStore версии 2.1.x - 2.3.x Требования к серверу:
      PHP 5.3.x, 5.4.x, 5.5.x, 5.6.x, 7.x ionCube PHP Loader последней версии PHP OpenSSL support  
      Что бы проверить настройки Вашего сервера, скачайте архив system_test.zip
      распакуйте, прочитайте файл Readme_RU_UTF-8.txt и следуйте инструкциям.
       
      Как получить лицензию (лицензионный ключ) для дополнения (модуля) "Страница контактов"
      Условия использования лицензии - "на домен", это означает, что Вы можете использовать одну лицензию (ключ) для одного магазина на одном домене (один лицензионный ключ = один магазин = одно доменное имя).
      Для получения лицензии скачайте архив с модулем и напишите мне здесь в Личные сообщения свой email и доменное имя магазина на котором будет стоять модуль. Ключ лицензии будет выслан Вам на Ваш email
       
      Условия лицензии
      Приобретая лицензию (покупая дополнение), Вы автоматически соглашаетесь со следующими положениями:
      Вы имеете право ознакомиться с работой дополнений (модулей) на демонстрационных страницах этих дополнений (модулей). Все интересующие Вас вопросы, касающиеся работы дополнения (модуля) Вы можете задать автору продукта до его приобретения. Бесплатная техническая поддержка не оказывается пользователям, не купившим дополнение (модуль), получившим его каким-либо другим образом: скопировавшим, скачавшим, приобретшим вскладчину дополнения (модули) представленные в данном каталоге. Таким пользователям будет отказано в бесплатной технической поддержке без объяснения причин. Техническая поддержка оказывается за отдельную плату в случаях, если заявленная работа дополнения (модуля) невозможна по причине конфликтов с другими сторонними дополнениями (модулями), шаблон покупателя значительно отличается от базового шаблона системы ocStore / OpenCart, работа модуля нарушена после действий покупателя которые случились при редактировании файлов дополнения (модуля), пользователь хочет изменить или доработать приобретённое дополнение (модуль). Вы имеете право на бесплатную техническую поддержку продукта со стороны автора, за исключением случаев, описанных в пунктах 3 и 4 данного соглашения. Лицензионный ключ выдается на один домен (на один магазин). Выданный лицензионный ключ возврату или обмену не подлежит. Для использовании дополнения (модуля) на другом домене нужно совершить повторную покупку дополнения (модуля). Все запросы, в том числе и выдача лицензионных ключей, обрабатываются в течение 48 часов с момента поступления.  
      Возможности дополнения (модуля)
      Данный модуль (дополнение) заменяет стандартную страницу контактов (Связаться с нами) и позволяет делать произвольное оформление в виде набора карт-схем, где в качестве карты-схемы может выступать изображение или Yandex/Google карта (API Яндекс Карт, Google maps).
      Неограниченное количество карт-схем в виде Yandex/Google карты или обычного изображения; Создание Yandex карты на основе прямого геокодирования по адресу местоположения + текстовое описание; Создание Google карты на основе вставки кода карты + текстовое описание; Два текстовых блока перед и после карт-схем на базе WYSIWYG HTML редактора; Мини-галерея в виде трёх дополнительных изображений к карте-схеме с поддержкой Responsive jQuery Lightbox плагина. Поддержка HTML Title и H1; Поддержка мета-тега keywords и мета-тега description; Отдельно подключаемый файл CSS Поддержка мультимагазина Поддержка нескольких языков  
      Демонстрация
      Демонстрация дополнения (модуля).
      Страница контактов
      Доступ в панель администратора
      http://oc2.opencartlabs.ru/admin/
      Логин: demo
      Пароль: demo
      Автор costas Добавлен 05.03.2013 Категория Прочее Работает на OpenCart Системные требования Работает на ocStore Сайт разработчика Работает на OpenCart.Pro, ocShop Старая цена Метод активации Ioncube Loader  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу