Автор Тема: Добавить в шапку контактные данные (телефоны)  (Прочитано 1030 раз)

12 Декабрь 2016, 20:53:28
  • Новичок
  • *
  • Сообщений: 2
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Добрый день!
Подскажите, как в шапку сайта  feedthebeast.by Добавить контактные данные.
В выделенную область нужно вставить.
http://<a href="http...633f.png"/></a>Телефоны нужно вставить между лого и корзиной. Пробовал через добавление модуля не получилось. Через header.tpl. Тоже не получается.
Может кто то подскажет.
12 Декабрь 2016, 21:00:17
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
В header.tpl
<div class="header_contact">
Тут телефоны, картинки, иконки и т.д.
</div>
В global.css
.header_contact{
    position:absolute;
    top:...
    left:...
}
Положение блока меняется значениями top:...left:...
16 Декабрь 2016, 11:07:03
Ответ #2
  • Новичок
  • *
  • Сообщений: 2
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Скажите в header без разницы в какое место вставлять?



В header.tpl
<div class="header_contact">
Тут телефоны, картинки, иконки и т.д.
</div>
В global.css
.header_contact{
    position:absolute;
    top:...
    left:...
}
Положение блока меняется значениями top:...left:...
16 Декабрь 2016, 11:14:35
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 86688
  • Репутация: +25428/-0
  • Сообщество PrestaShop
    • Просмотр профиля
24 Май 2017, 00:03:47
Ответ #4
  • Пользователь
  • **
  • Сообщений: 95
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В header.tpl
<div class="header_contact">
Тут телефоны, картинки, иконки и т.д.
</div>
В global.css
.header_contact{
    position:absolute;
    top:...
    left:...
}
Положение блока меняется значениями top:...left:...
У меня получилось что моб номер в верхнем левом углу и я никак не могу его сдвинуть, как именно менять положение блока, не могли бы вы подробнее объяснить? Что именно нужно прописывать после top:...left:...?
24 Май 2017, 09:33:14
Ответ #5
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
position: absolute; /* Абсолютное позиционирование */
top: 10px; /* Положение от верхнего края */
left: 10px; /* Положение от левого края */
27 Май 2017, 20:49:10
Ответ #6
  • Пользователь
  • **
  • Сообщений: 95
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
position: absolute; /* Абсолютное позиционирование */
top: 10px; /* Положение от верхнего края */
left: 10px; /* Положение от левого края */

Странно я вроде так и прописывал, но какие бы значения я не ввел, номера остаются висеть в левом верхнем углу. (преста 1.6.1.11)
 /themes/theme1499/css/global.css например так:
  .header_contact{
     position:absolute;
     top: 50px;
     left: 660px;
}

ну и разумеется в /themes/theme1499/header.tpl
<div class="header_contact">
099 99 99 999 066 66 66 666
</div>
27 Май 2017, 22:35:57
Ответ #7
  • Ветеран
  • *****
  • Сообщений: 16670
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
<div style="position: absolute;top: 50px;left: 660px;">
099 99 99 999 066 66 66 666
</div>
так попробуйте.
28 Май 2017, 21:46:14
Ответ #8
  • Пользователь
  • **
  • Сообщений: 95
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
<div style="position: absolute;top: 50px;left: 660px;">
099 99 99 999 066 66 66 666
</div>
так попробуйте.

Сработало, спасибо!