Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

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


Recommended Posts

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

 

 

post-669357-0-54361300-1371471322_thumb.jpg

Link to comment
Share on other sites


Ну если с изображением то тебе нужно создать <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; //или больше
}

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

  • +1 2
Link to comment
Share on other sites


Ну если с изображением то тебе нужно создать <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; //или больше
}

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

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

Link to comment
Share on other sites


Ну если с изображением то тебе нужно создать <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.

Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


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

57e6b239a99e.jpg

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

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

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

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

  • +1 1
Link to comment
Share on other sites


Как человеку не так давно познакомившемся  опен картом, все таки есть успехи ;)
Как многие писали, что нам необходимо в "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 таблицах, поэтому возможно некоторые строчки будут лишними.


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

  • +1 2
Link to comment
Share on other sites


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

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

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

Link to comment
Share on other sites


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

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


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

  • +1 2
Link to comment
Share on other sites


  • 1 month later...

Ну если с изображением то тебе нужно создать <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; //или больше
}

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

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

Link to comment
Share on other sites


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

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

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

Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


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

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

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

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

Link to comment
Share on other sites


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

 

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

 

Делал так.

 

Вставлял в /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». Теперь пойду думать — как новые поля создавать, для дополнительных контактных данных.

Link to comment
Share on other sites


  • 5 months later...

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

Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


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

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

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

 

<div class="phone">

<?php echo $telephone; ?>
</div>
 
в файле stylesheet.css вставил 
 
.phone {       

       float: right;

       font-size: 14px;

       color: #476D91;

       }

во всем остальном можно уже разобраться. Теперь номер телефона можно передвигать, задавать цвет и стиль
Link to comment
Share on other sites


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

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

Link to comment
Share on other sites


  • 1 year later...

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

Link to comment
Share on other sites


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

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


  • 4 months later...
  • 9 months later...

Коллеги, прошу помощи. Дано: 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; ?>

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

Link to comment
Share on other sites


Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.