Перейти к содержимому


Переместить Вход В Личный Кабинет В Шапку Сайта

Автор Ильяc, 23 мая 2014 09:09

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 32

#1 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 23 Май 2014 - 09:09

Здравствуйте! Необходимо добавить возможность доступа в личный кабинет и регистрацию в шапку сайта. Пример на картинке. Подскажите как реализовать такое? Спасибо!
1233.png

#2 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Май 2014 - 09:35

Просмотр сообщенияИльяc (23 Май 2014 - 09:09) писал:

Здравствуйте! Необходимо добавить возможность доступа в личный кабинет и регистрацию в шапку сайта. Пример на картинке. Подскажите как реализовать такое? Спасибо!
Прикрепленный файл 1233.png

В шаблоне HTML найдите строчку:
<div id="header_right">


и после нее вставьте:
<div class="login"><a href="/user/login">Личный кабинет</a> / <a href="/user/register">Регистрация</a></div>

Как сделаете - сообщите, настроем стили и позиционирование.

#3 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 23 Май 2014 - 13:52

Просмотр сообщенияMikDark (23 Май 2014 - 09:35) писал:

В шаблоне HTML найдите строчку:
<div id="header_right">


и после нее вставьте:
<div class="login"><a href="/user/login">Личный кабинет</a> / <a href="/user/register">Регистрация</a></div>

Как сделаете - сообщите, настроем стили и позиционирование.

Добавил. строки не появились, а вот строка поиска стала кривой

#4 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Май 2014 - 13:57

Просмотр сообщенияИльяc (23 Май 2014 - 13:52) писал:

Добавил. строки не появились, а вот строка поиска стала кривой

Теперь в main.css добавляем:
.login {
position: absolute;
right: 0px;
top: 112px;
text-decoration:none;
font-size: 16px;
color: #000000;
font-weight: bold;
}

#5 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 23 Май 2014 - 14:13

Просмотр сообщенияMikDark (23 Май 2014 - 13:57) писал:

Теперь в main.css добавляем:
.login {
position: absolute;
right: 0px;
top: 112px;
text-decoration:none;
font-size: 16px;
color: #000000;
font-weight: bold;
}

А цвет как поменять?

И еще можно номер телефона сделать крупнее?
nomer.png

#6 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 23 Май 2014 - 14:14

Просмотр сообщенияИльяc (23 Май 2014 - 14:13) писал:

А цвет как поменять?

значение color меняет цвет шрифта

#7 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 23 Май 2014 - 14:15

Просмотр сообщенияMikDark (23 Май 2014 - 14:14) писал:

значение color меняет цвет шрифта

И еще можно номер телефона сделать крупнее?
nomer.png

#8 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 23 Май 2014 - 14:24

Просмотр сообщенияMikDark (23 Май 2014 - 14:14) писал:

значение color меняет цвет шрифта

Цвет текста почему-то не меняется?

#9 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 23 Май 2014 - 15:02

Просмотр сообщенияИльяc (23 Май 2014 - 14:24) писал:

Цвет текста почему-то не меняется?
Здравствуйте, Цвет попробуйте поменять в этой строке
a {
color: #0099CC;
text-decoration: none;
}
находим её в main.css и меняем значение color
для увеличения шрифта находим код

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}
заменяем его на



<div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}</div>
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}

где размер шрифта меняете, через свойство  font-size

#10 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 23 Май 2014 - 15:31

Просмотр сообщенияИрина345 (23 Май 2014 - 15:02) писал:

Здравствуйте, Цвет попробуйте поменять в этой строке
a {
color: #0099CC;
text-decoration: none;
}
находим её в main.css и меняем значение color
для увеличения шрифта находим код

{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}
заменяем его на



<div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}</div>
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}

где размер шрифта меняете, через свойство  font-size

Спасибо большое за оперативную поддержку!

#11 Ксен

Ксен

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 11 Июнь 2014 - 17:21

Просмотр сообщенияMikDark (23 Май 2014 - 13:57) писал:

Теперь в main.css добавляем:
.login {
position: absolute;
right: 0px;
top: 112px;
text-decoration:none;
font-size: 16px;
color: #000000;
font-weight: bold;
}
Объясните плиз. Куда именно это вставлять?

#12 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 11 Июнь 2014 - 17:28

Просмотр сообщенияКсен (11 Июнь 2014 - 17:21) писал:

Объясните плиз. Куда именно это вставлять?

В самый конец шаблона main.css

#13 Ксен

Ксен

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 11 Июнь 2014 - 17:48

Просмотр сообщенияКсен (11 Июнь 2014 - 17:21) писал:

Объясните плиз. Куда именно это вставлять?
С этим разобралась.
Теперь проблема в том, если меняю шрифт или цвет меняется только знак  Л.К.   "/ " Рег. а слова остаются не изменными. как исправить?

#14 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 11 Июнь 2014 - 20:21

Просмотр сообщенияКсен (11 Июнь 2014 - 17:48) писал:

С этим разобралась.
Теперь проблема в том, если меняю шрифт или цвет меняется только знак  Л.К.   "/ " Рег. а слова остаются не изменными. как исправить?
Здравствуйте уточните Ваш аккаунт, и на скриншоте где именно требуется внести изменения

#15 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 15 Июнь 2014 - 08:20

Просмотр сообщенияMikDark (23 Май 2014 - 13:57) писал:



Теперь в main.css добавляем:
.login {
position: absolute;
right: 0px;
top: 112px;
text-decoration:none;
font-size: 16px;
color: #000000;
font-weight: bold;
}

Здравствуйте! Помогите сделать следующие изменения:

1) переместить номер телефона как на картинке в центр
2) Добавить под номер телефона информацию о доставке
3) Установить картинку с изображением трубки телефона, вначале цифр
Все это показано на картинке
Спасибо!

2014-06-15_090947.png

#16 Ксен

Ксен

    Пользователь

  • Пользователи
  • PipPip
  • 23 сообщений

Отправлено 15 Июнь 2014 - 17:00

Просмотр сообщенияИрина345 (11 Июнь 2014 - 20:21) писал:

Здравствуйте уточните Ваш аккаунт, и на скриншоте где именно требуется внести изменения

Просмотр сообщенияИрина345 (11 Июнь 2014 - 20:21) писал:

Здравствуйте уточните Ваш аккаунт, и на скриншоте где именно требуется внести изменения

SL-296317
1.  Не изменилось название группы товаров
2. Поменять цвет и шрифт и передвинуть
3. Не показывается почта
4. Переместить под логотип
5. Перенести кнопку под корзину
Пока все, заранее спасибо.

Прикрепленные изображения

  • Screenshot_1.png

#17 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 16 Июнь 2014 - 08:27

SL-251638 Здравствуйте! Помогите сделать следующие изменения:

1) переместить номер телефона как на картинке в центр
2) Добавить под номер телефона информацию о доставке
3) Установить картинку с изображением трубки телефона, вначале цифр
Все это показано на картинке
Спасибо!

2014-06-15_090947.png

#18 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Июнь 2014 - 08:46

Просмотр сообщенияИльяc (16 Июнь 2014 - 08:27) писал:

SL-251638 Здравствуйте! Помогите сделать следующие изменения:

1) переместить номер телефона как на картинке в центр
2) Добавить под номер телефона информацию о доставке
3) Установить картинку с изображением трубки телефона, вначале цифр
Все это показано на картинке
Спасибо!

Прикрепленный файл 2014-06-15_090947.png

1 как вижу не актуально. 2 и 3: ищем в HTML код:
<div id="header_user_info">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}</div>
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}

и меняем на:
<div id="header_user_info">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div style="float:left;"><img src="{ASSETS_IMAGES_PATH}phone.png"></div><div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}</div>
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}
<div class="dostavka">Доставка и оплата наличными при получении по России.</div>

Картинку с телефоном загрузите в раздел Сайт - Редактор шаблонов. Далее в коде phone.png на название загруженной картинки. Если нужно будет выравнять - напишите.

#19 Ильяc

Ильяc

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 563 сообщений

Отправлено 16 Июнь 2014 - 09:50

Просмотр сообщенияMikDark (16 Июнь 2014 - 08:46) писал:

1 как вижу не актуально. 2 и 3: ищем в HTML код:
<div id="header_user_info">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}</div>
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}

и меняем на:
<div id="header_user_info">
{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
<div style="float:left;"><img src="{ASSETS_IMAGES_PATH}phone.png"></div><div style="float:left; font-size:23px">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}
&nbsp;&nbsp;{% ENDIF %}</div>
{% IF SETTINGS_STORE_WORK_TIME %}
({SETTINGS_STORE_WORK_TIME}) &nbsp;&nbsp;|&nbsp;&nbsp;
{% ENDIF %}
<div class="dostavka">Доставка и оплата наличными при получении по России.</div>

Картинку с телефоном загрузите в раздел Сайт - Редактор шаблонов. Далее в коде phone.png на название загруженной картинки. Если нужно будет выравнять - напишите.
Переместилось вправо

#20 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Июнь 2014 - 09:55

Просмотр сообщенияИльяc (16 Июнь 2014 - 09:50) писал:

Переместилось вправо

В коде css:
#header_user_info {
color: #7e7d7d;
position: absolute;
right: 0;
top: 55px;
}

замените на:
#header_user_info {
color: #7e7d7d;
position: absolute;
left: 50%;
top: 55px;
}

и картинку нельзя ставить в psd-формате.
Обратно в Шаблон Пластик


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Пластик
  5. Privacy Policy