Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

 

 

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

Надіслати
Поділитися на інших сайтах


Ну если с изображением то тебе нужно создать <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
Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах


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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


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

57e6b239a99e.jpg

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

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

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

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

  • +1 1
Надіслати
Поділитися на інших сайтах


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


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

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

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

Надіслати
Поділитися на інших сайтах


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

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


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

  • +1 2
Надіслати
Поділитися на інших сайтах


  • 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; //или больше
}

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

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

Надіслати
Поділитися на інших сайтах


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

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

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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


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

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

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

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

Надіслати
Поділитися на інших сайтах


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

 

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

 

Делал так.

 

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

Надіслати
Поділитися на інших сайтах


  • 5 months later...

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

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

Надіслати
Поділитися на інших сайтах


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

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

Надіслати
Поділитися на інших сайтах


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

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

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

 

<div class="phone">

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

       float: right;

       font-size: 14px;

       color: #476D91;

       }

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


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

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

Надіслати
Поділитися на інших сайтах


  • 1 year later...

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

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


  • 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; ?>

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

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.