[РЕШЕНО] Вывод контактов в шапку сайта

[cooper321]

Добрый день! Пожалуйста подскажите как можно вывести контакты с картинкой оператора в шапку сайта? Шаблон стандартный. Желательно что бы картинки с номером телефона отображались под поиском в верхнем правом углу сайта.

 

 

[OlegTitarenko]

Ну если с изображением то тебе нужно создать <div> в файле header.tpl

 

<div class="telephone">
   <img src="image/telephone.png" alt="Telephone" />
   <span id="telephon_1">000-000-00-00</span>
   <span id="telephon_2">000-000-00-00</span>
</div>

 

Потом добавишь стили

 

.telephone {
  position: absolute;
}

.telephone > img {
   float: left;
   padding-right: 15px; //или больше
}

А потом уже поставишь положение как тебе нужно

[cooper321]

Ну если с изображением то тебе нужно создать <div> в файле header.tpl

 

<div class="telephone">
   <img src="image/telephone.png" alt="Telephone" />
   <span id="telephon_1">000-000-00-00</span>
   <span id="telephon_2">000-000-00-00</span>
</div>

 

Потом добавишь стили

 

.telephone {
  position: absolute;
}

.telephone > img {
   float: left;
   padding-right: 15px; //или больше
}

А потом уже поставишь положение как тебе нужно

Прости за глупый вопрос,а  стили где добавлять? В этом же файле?

[denchis]

Ну если с изображением то тебе нужно создать <div> в файле header.tpl

 

<div class="telephone">
   <img src="image/telephone.png" alt="Telephone" />
   <span id="telephon_1">000-000-00-00</span>
   <span id="telephon_2">000-000-00-00</span>
</div>

 

Потом добавишь стили

 

.telephone {
  position: absolute;
}

.telephone > img {
   float: left;
   padding-right: 15px; //или больше
}

А потом уже поставишь положение как тебе нужно

Прости за глупый вопрос,а  стили где добавлять? В этом же файле?

Стили правятся в файле : /catalog/view/stylesheet файл под названием : " stylesheet.css " - таблица стилей CSS.

[denchis]

Можно ли как то отредактировать размер баннера на главной ? 


Чтобы в этом месте сделать : логотип компании + телефоны и время работы - это один баннер.
Потом второй баннер разместить рядом ( что то типа кнопки обратный звонок) и т.п. ?
Заранее спасибо за информацию.

[OlegTitarenko]

Можно ли как то отредактировать размер баннера на главной ? 

Чтобы в этом месте сделать : логотип компании + телефоны и время работы - это один баннер.

Потом второй баннер разместить рядом ( что то типа кнопки обратный звонок) и т.п. ?

Заранее спасибо за информацию.

Есть модуль https://opencartforum.com/files/file/698-callback-zakaz-obratnogo-zvonka/ Как разместить кнопку есть в описании по поводу ее оформления есть сайт который классно создает их http://cssgradientbutton.com/ Стили можете загнать в stylesheet.css    под отдельным классом или id

[denchis]

Как человеку не так давно познакомившемся  опен картом, все таки есть успехи ;)
Как многие писали, что нам необходимо в "header.tpl" - создать класс DIV. 
После придать ему значения.
Упрощенные тексты под три баннера в хидере ниже :

Добавляем в header.tpl (я сделал сразу после объявления php скриптов с логотипом :
 

Примерно 50 строка :
" <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div> "

Добавляем код :
<div class="h-banner">
  <img src="/111/image/banner_contacts.png" alt="Контакты japan-jeans.ru" />
      </div>
	  <div class="c-banner">
  <img src="/111/image/backcallbanner.png" alt="Обратный звонок" />
      </div>

После добавляем заметки в таблицу стилей пару строк :
 

.h-banner {
position: absolute;
left: 280px;
top: 70px;
padding-left: 50px;
background: url('../image/velcom.png') center left no-repeat;
}
   
.h-banner > img {
   float: left;
   padding-right: 15px; //или больше
   
}

.c-banner {
position: absolute;
left: 615px;
top: 80px;
padding-left: 50px;
background: url('../image/velcom.png') center left no-repeat;
}
   
.c-banner > img {
   float: left;
   padding-right: 15px; //или больше
   
}

Я не совсем точно помню разметку в *CSS таблицах, поэтому возможно некоторые строчки будут лишними.


Возможно кому то будет полезным то что выше написано. 

[templater]

Стили правятся в файле : /admin/view/stylesheet файл под названием : " stylesheet.css " - таблица стилей CSS.

Зачем вводите людей в заблуждение? Это стили админки, а для шаблона здесь:

\catalog\view\theme\ШАБЛОН\stylesheet\stylesheet.css

[denchis]

Ошибся, пост поправил, не доглядел вовремя.

Приношу свои извинения.


p.s. прежде чем что то менять, сделайте бекап файла, который собираетесь изменить.

[cooper321]

Ну если с изображением то тебе нужно создать <div> в файле header.tpl

 

<div class="telephone">
   <img src="image/telephone.png" alt="Telephone" />
   <span id="telephon_1">000-000-00-00</span>
   <span id="telephon_2">000-000-00-00</span>
</div>

Потом добавишь стили

.telephone {
  position: absolute;
}

.telephone > img {
   float: left;
   padding-right: 15px; //или больше
}

А потом уже поставишь положение как тебе нужно

Спасибо, Ваш совет решил проблему

[lexanna]

Большое спасибо denchis. Очень помогли с шапкой.

Странно, а почему у Вас "-3"?

Ставлю Вам плюсик (хотя, Вам, вероятно, всё равно, главное, чтоб дело спорилось!!!)

[denchis]

Спасибо за плюс ;) рад что выше написанное оказалось полезным для кого то ;)

Сейчас закончим с обустройством шоу рума, активно вернусь на форум и будем допиливать сайты.
Много чего надо, мало чего есть)
 

[denchis]

все бы хорошо, вывел банер и дело в шляпе и этот вариант имеет место быть, но работая продолжительное время с SEO*шниками, пользую HTML верстку банера, а  не картинку, так как они требуют числовое отображение телефонов и других контактов (например е-майл) что с их слов благотворно влияет на раскрутку сайта и удобство при просмотре сайта использования размещенных контактов с мобильных устройств

Как вариант - сейчас можно указать все контакты для вашей компании отдельно для Яндекса и для гугла к примеру.

А для мобильной версии сайта - мне кажется это целый отдельный проект и т.д. 

СЕО СЕО...одни загадки, директ вытягивает и без всякого СЕО )))

[etotpetya]

РЕШЕНО. Решение внизу поста.

 

Не хотелось бы плодить аналогичные темы, поинтересуюсь здесь. Вопрос тот же, но слегка подрасширенный потенциальной необходимостью выводить контактную информацию в любое место на сайте. 

 

Делал так.

 

Вставлял в /catalog/controller/common/header.php:

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

А в /catalog/view/theme/tellus-personal*/template/common/header.tpl, в слой шапки, соответсвенно:

<?php echo $adress; ?> | <?php echo $telephone; ?> | <?php echo $email; ?>

В итоге, переменная «adress» у меня ничего не показала. А с «telephone» и «email» — всё в порядке, телефон и имэйл отобразились в шапке. В чём затык? 

 

В данном случае, пользуюсь свежим дистрибом OSCart.

 

 

Всё починилось. Я пропустил одну «d» во всех вхождениях «address». Теперь пойду думать — как новые поля создавать, для дополнительных контактных данных.

[Plus349]

Подскажите как переместить и задать стиль надписям «adress»  «telephone»  «email». Получается они простым шрифтом в левом верхнем углу

[Plus349]

Тоже самое я вам могу рассказать как запустить турбину - подать топливо, разогнать, зажечь смесь и следить за параметрами ))). 

Честно говоря немого далек от программирования, если не трудно пашаговую инструкцию, думаю начинающим как я пригодится в дальнейшем

[destreser]

Начинающим вот сюда http://htmlbook.ru/

[Plus349]

Начинающим вот сюда http://htmlbook.ru/

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

[Plus349]

Pascha еще раз спасибо  :-) 

Более подробно:

в файле header.tpl вставил

 

<div class="phone">

<?php echo $telephone; ?>

</div>

 

в файле stylesheet.css вставил 

 

.phone {       

       float: right;

       font-size: 14px;

       color: #476D91;

       }

во всем остальном можно уже разобраться. Теперь номер телефона можно передвигать, задавать цвет и стиль

[destreser]

ну если вы дельного ничего подсказать не можете, зачем кидаете ссылки?

Какой же вы дурак.

[Plus349]

Какой же вы дурак.

Может я был не прав и ссылка действительна полезна, ее я почитаю еще. Но вопрос был немного другой. Если захотите подискутировать пишите в личку.

[yurok79]

Здравствуйте, подскажите как сделать. В шаблоне в шапке иконки телефонов реализованы с помощью fa-fa иконок. Как их заменить на иконки операторов?

[galtimur]

Здравствуйте, задавал этот вопрос в теме шаблона, там ответ не получил, вижу тут знающие люди...вопрос вот в чем, в шаблоне, 

Бесплатный резиновый шаблон RUBBER, в шапке в горизонтальной строке есть Прозводители и Войти или Зарегистрироваться. Мне надо эти вкладки убрать, не хватает места для категории. Как это можно сделать? В админке не нашел. Если только в хидедере подскажите что конкретно.

[dirtsport]

А куда делся шаблон Rubber для OcStore? Ни платно, ни бесплатно...

[Trucker]

Коллеги, прошу помощи. Дано: OpenCart русская сборка 2.1.0.1 (rs.2). Замыслил я на страницу обратной связи добавить адрес e-mail к уже имеющимся контактам магазина (адрес, телефон и пр.). Решил добавить переменную по аналогии с переменной телефона.
 

Добавил в /catalog/controller/information/contact.php:

$data['email'] = $this->config->get('config_email');

А в /catalog/view/theme/default/template/information/contact.tpl дописал в удобном месте:

<strong><?php echo $text_email; ?></strong><br>
<?php echo $email; ?>

Однако на указанном месте пусто! Мыло никаким каком не показывается. Что я делаю не так?