Шапка сайта

[L-i-S]

Здравствуйте, я новичек в PrestaShop и вообще в разработке сайтов. У меня есть сайт на движке PrestaShop. Я хочу добавить в шапку сайтов номера телефонов и описание сайта. Подскажите какой код нужно добавить в global.css и header.tpl. Вот на картинке пример сайта, как бы я хотел сделать себе на сайт.


free image hosting

[Виктор Демидов]

1. Добавьте новый блок с номерами телефонов в шаблон:

Код Выделить Развернуть


/** /themes/prestashop/header.tpl **/
<!-- Header -->
<div id="header">
.................
Ваш блок

2. Добавьте описание стилей в файл :

Код Выделить Развернуть

/themes/prestashop/css/global.css

[L-i-S]

Можно по подробнее

[Виктор Демидов]

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

[PrestaMan]

1. Добавьте новый блок с номерами телефонов в шаблон:

Код Выделить Развернуть


/** /themes/prestashop/header.tpl **/
<!-- Header -->
<div id="header">
.................
Ваш блок

2. Добавьте описание стилей в файл :

Код Выделить Развернуть

/themes/prestashop/css/global.css

Шаблон

Код Выделить Развернуть


/** /themes/prestashop/header.tpl **/
<!-- Header -->
<div id="header">
.................
  <div class="telefon">
    +38(096) 123-45-45
    +38(096) 123-45-45
   </div>
</div>

Стили

Код Выделить Развернуть


/themes/prestashop/css/global.css

.telefon
{
  float:right;
  withd: 120px;
  font-size: 1.2em;
}


[ann]

не получилось 
PrestaMan, напишите мне в личку, мне не удается отправить вам сообщение

[wieppir]

Подскажите пожалуйста как правильно настроить в версии 1.6 отображение в телефоне  и компьютере например я так же добавил немного описания и телефоны я хочу чтобы телефон был на компьютере с права а на телефоне или по центру все по очереди как обычно или чтобы уменьшился и не терялся ,в компьютере у меня все ровно и красиво ,если я добавляю к примеру класс  от лого к своему тексту к номерам телефона то в телефоне все красиво и ровно но на компе все ужасно как их правильно согласовать или может быть это из за того что классы надо поставить в другие контейнера? Класс от лого я просто попробовал ,у меня настроены свои и отображения выставленного текста и телефонов в самом телефоне желал бы лучшего,заранее спасибо !

[Mr.Sen]

Код Выделить Развернуть

@media (max-width: 767px) {
    стили для телефона
.....     
}
Нужно сделать разные стили для разных разрешений.

[wieppir]

Код Выделить Развернуть

@media (max-width: 767px) {после
    стили для телефона
.....     
}
Нужно сделать разные стили для разных разрешений.

Спасибо буду пробовать!

[wieppir]

получается она поменяла стили и на компе и на телефоне совершенно без моих стилей прижало к левому краю и уменьшило шрифт а это от чего зависит ??
правильным было бы наверное

Код Выделить Развернуть

@media only screen and (min-width: 768px)
}стили
    display: none;}

[wieppir]

подскажите как правильно сделать к примеру телефон на компе по правую сторону текста в шапке а в мобильном чтоб был по ценру ниже текста

[PrestaMan]

Показать с правой стороны

Код Выделить Развернуть

float:right
Показать с левой

Код Выделить Развернуть

float:left
Положение блока меняют

Код Выделить Развернуть

margin-left / margin-right

[wieppir]

Показать с правой стороны

Код Выделить Развернуть

float:right
Показать с левой

Код Выделить Развернуть

float:left
Положение блока меняют

Код Выделить Развернуть

margin-left / margin-right

PrestaMan Cпасибо за ответ,я это понимаю я не понимаю как мне этот номер телефона или класс или айди в отображении на комьпютере сделать с права а на телефоне посередине!
напримересли подключаю @media only screen and (min-width: 768px) тогда этот класс сбрасывает все настройки css

[PrestaMan]

Для десктопа когда размер экрана больше 480px

Код Выделить Развернуть

.myclass {
        float:right;
        margin-right:0;
}
Для телефона когда размер экрана меньше 480px.

Код Выделить Развернуть

@media screen and (max-width: 480px) {
       .myclass {
            margin-right:50%;
       }
}

[wieppir]

Для десктопа когда размер экрана больше 480px

Код Выделить Развернуть

.myclass {
        float:right;
        margin-right:0;
}
Для телефона когда размер экрана меньше 480px.

Код Выделить Развернуть

@media screen and (max-width: 480px) {
       .myclass {
            margin-right:50%;
       }
Спасибо !
}