Jump to content
Sign in to follow this  
romario

Как вывести контакты на home наверх в шапку , правее логотипа

Recommended Posts

господа, подскажите как вывести контакты на home наверх в шапку , правее логотипа.

Контакты состоят из телефона и emaila

  • +1 1

Share this post


Link to post
Share on other sites

есть вот такой вариант

в файле catalog/view/theme/default/template/common/header.tpl найдите строчку <?php echo $language; ?>

перед ней добавьте

<div style="position:absolute;top:55px;left:360px;width:16px"><img src="http://wwp.icq.com/scripts/online.dll?icq=77777&img=27" alt="Статус" /></div>

<div style="position:absolute;top:17px;left:340px;width:127px;font-size:15px"><span style="color:#BE9E4C">+3</span> <span style="color:#39C">(555) 55-55-5</span></div>

<div style="position:absolute;top:34px;left:340px;width:127px;font-size:15px"><span style="color:#BE9E4C">+3</span> <span style="color:#39C">(555) 55-55-55</span></div>

<div style="position:absolute;top:54px;left:350px;width:127px;font-size:15px;text-align:center"> <span style="color:#666"> 55555-9</span></div>

или есть еще вариант

в тот же файл и в то же место добавить

<div style="position:absolute;top:17px;left:340px;width:127px;height:70px"><img src="catalog/view/theme/default/image/Contact.png"><img style="position:relative;bottom:22px;left:20px;width:16px" src="http://wwp.icq.com/scripts/online.dll?icq=555555&img=27" alt="Статус"></div>

и еще закинуть фото себе в папку catalog/view/theme/default/image

  • +1 3

Share this post


Link to post
Share on other sites

Спасибо за ответ

А нет ли спец. модуля для этого случая?

  • +1 1

Share this post


Link to post
Share on other sites

Да там же все описано, просто вставляй в свой файл и меняй цифры телефонов на свои!

эти параметры top:55px;left:360px;width:16px отвечают за отсутп сверху, второй слева а третий ширина. Меняй под себя и все!

Share this post


Link to post
Share on other sites

Спасибо , а с емаил как быть? Его тоже бы под телефон надо.

  • +1 1

Share this post


Link to post
Share on other sites

После этого <div style="position:absolute;top:54px;left:350px;width:127px;font-size:15px;text-align:center"> <span style="color:#666"> 55555-9</span></div>

добавить копию <div style="position:absolute;top:74px;left:350px;width:127px;font-size:15px;text-align:center"> <span style="color:#666"> email@email.com</span></div>

Share this post


Link to post
Share on other sites

Попробовал , все в нахлест получилось , видимо надо искать фрилансера или модуль. Мне вот так надо.

Изображение

у меня вот так сейчас

Изображение

  • +1 1

Share this post


Link to post
Share on other sites

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

a68c27c3354bt.jpg

Share this post


Link to post
Share on other sites

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

a68c27c3354bt.jpg

И вся страница ктроме шапки растянулись на всю ширину экрана.

Share this post


Link to post
Share on other sites
И вся страница ктроме шапки растянулись на всю ширину экрана.

А эти параметры для кого style="position:absolute;top:17px;left:340px;width:127px;height:70px"

top:17px;left:340px

ими выставляются отступы от верха и левого края!

  • +1 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

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.