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


Как Поменять Логотип В Шаблоне Лайт

лайт логотип название сайта

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

#1 Koderhan

Koderhan

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

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

Отправлено 21 Июнь 2013 - 19:02

В шаблоне Лайт нет стандартного логотипа, на месте логотипа на сайте выводится название магазина из основных настроек.
ScreenShot 708.png
Можно на месте этого текста выводить логотип для своего сайта. Логотип конечно же должен поместиться в определенные рамки чтобы дизайн сайта не перекосился.
Например мой логотип это logo.png
Нужно его загрузить в раздел Сайт -> Редактор шаблонов.
ScreenShot 709.png
И теперь нужно добавить загрузку файла logo.png в файле "HTML".
ScreenShot 711.png
Код:
<!-- Название магазина -->
		 <div class="logo"><a href="http://{NET_DOMAIN}/"">{SETTINGS_STORE_NAME}</a></div>
Нужно заменить на такой код:
<!-- Название магазина -->
		 <div class="logo"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></div>
ScreenShot 712.png

{ASSETS_IMAGES_PATH} - это специальная переменная которая содержит путь до каталога с изображениями которые находятся в разделе Редактора шаблонов.
logo.png - полное название изображения который мы загрузили ранее.

Теперь нужно будет с помощью нескольких строчек стилей ограничить ширину логотипа.
В конец файла main.css можно добавить код:
.logo img {
max-width: 220px;
}
Вот что получилось.
ScreenShot 713.png

#2 nrava

nrava

    Новичок

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

Отправлено 01 Июль 2013 - 13:01

где находятся стили? (main.css)

#3 miyako

miyako

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

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

Отправлено 01 Июль 2013 - 13:38

Просмотр сообщенияnrava (01 Июль 2013 - 13:01) писал:

где находятся стили? (main.css)

Сайт-Редактор шаблонов - слева список - раздел Стили

#4 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 02 Апрель 2014 - 12:51

изменить логотип во всех шаблонах

#5 Sergey2000

Sergey2000

    Новичок

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

Отправлено 22 Ноябрь 2014 - 22:34

Просмотр сообщенияKoderhan (21 Июнь 2013 - 19:02) писал:

В шаблоне Лайт нет стандартного логотипа, на месте логотипа на сайте выводится название магазина из основных настроек.
Прикрепленный файл ScreenShot 708.png
Можно на месте этого текста выводить логотип для своего сайта. Логотип конечно же должен поместиться в определенные рамки чтобы дизайн сайта не перекосился.
Например мой логотип это Прикрепленный файл logo.png
Нужно его загрузить в раздел Сайт -> Редактор шаблонов.
Прикрепленный файл ScreenShot 709.png
И теперь нужно добавить загрузку файла logo.png в файле "HTML".
Прикрепленный файл ScreenShot 711.png
Код:
<!-- Название магазина -->
		 <div class="logo"><a href="http://{NET_DOMAIN}/"">{SETTINGS_STORE_NAME}</a></div>
Нужно заменить на такой код:
<!-- Название магазина -->
		 <div class="logo"><a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" /></a></div>
Прикрепленный файл ScreenShot 712.png

{ASSETS_IMAGES_PATH} - это специальная переменная которая содержит путь до каталога с изображениями которые находятся в разделе Редактора шаблонов.
logo.png - полное название изображения который мы загрузили ранее.

Теперь нужно будет с помощью нескольких строчек стилей ограничить ширину логотипа.
В конец файла main.css можно добавить код:
.logo img {
max-width: 220px;
}
Вот что получилось.
Прикрепленный файл ScreenShot 713.png

Добавил логотип, и так как он по высоте выше, чем был текст в шаблоне Лайт, верхнее (горизонтальное) меню и личный кабинет опустились вниз. Подскажите, пожалуйста, как прописать, чтобы они (верхнее меню и личный кабинет) автоматически поднимались на самый верх, а за ними подтягивалось и все что ниже (центральная и правая часть сайта), вне зависимости от высоты логотипа (см. принскрин). SL-317705

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

  • принтскрин_сместилось меню.png


#6 MikDark

MikDark

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

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

Отправлено 23 Ноябрь 2014 - 09:27

Просмотр сообщенияSergey2000 (22 Ноябрь 2014 - 22:34) писал:

Добавил логотип, и так как он по высоте выше, чем был текст в шаблоне Лайт, верхнее (горизонтальное) меню и личный кабинет опустились вниз. Подскажите, пожалуйста, как прописать, чтобы они (верхнее меню и личный кабинет) автоматически поднимались на самый верх, а за ними подтягивалось и все что ниже (центральная и правая часть сайта), вне зависимости от высоты логотипа (см. принскрин). SL-317705

Здравствуйте. Можно поднять первую строку c меню, но всю контент-зону поднять не получится

#7 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 19 Февраль 2016 - 12:54

Просмотр сообщенияMikDark (23 Ноябрь 2014 - 09:27) писал:

Здравствуйте. Можно поднять первую строку c меню, но всю контент-зону поднять не получится

Скажите, пожалуйста, каким образом поднять первую строку с меню?

#8 Юля123

Юля123

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

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

Отправлено 19 Февраль 2016 - 13:17

Просмотр сообщенияKLAYMAN (19 Февраль 2016 - 12:54) писал:

Скажите, пожалуйста, каким образом поднять первую строку с меню?

Здравствуйте, укажите номер аккаунта.

#9 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 20 Февраль 2016 - 14:31

Просмотр сообщенияЮля123 (19 Февраль 2016 - 13:17) писал:

Здравствуйте, укажите номер аккаунта.

Здравствуйте, Юля! Аккаунт SL-304848

#10 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 20 Февраль 2016 - 14:36

Просмотр сообщенияKLAYMAN (20 Февраль 2016 - 14:31) писал:

Здравствуйте, Юля! Аккаунт SL-304848

Здравствуйте. В шаблоне main.css замените строку
.contentTableHeadNavigation		 {text-align:center;}
на:
.contentTableHeadNavigation {text-align:center; vertical-align: middle;}


#11 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 20 Февраль 2016 - 14:56

Просмотр сообщенияRedHead (20 Февраль 2016 - 14:36) писал:

Здравствуйте. В шаблоне main.css замените строку
.contentTableHeadNavigation		 {text-align:center;}
на:
.contentTableHeadNavigation {text-align:center; vertical-align: middle;}


Спасибо! Строчка с меню (главная/доставка/корзина...) немного поднялась, а "вход с паролем" и "регистрация" остались на месте. Это можно изменить?

И еще подскажите, пожалуйста, как добавить слайдер в шаблон "Лайт"? Инструкция вот отсюда не помогает http://storeland.ru/about/faq#*;51

#12 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 20 Февраль 2016 - 15:39

Просмотр сообщенияKLAYMAN (20 Февраль 2016 - 14:56) писал:

Спасибо! Строчка с меню (главная/доставка/корзина...) немного поднялась, а "вход с паролем" и "регистрация" остались на месте. Это можно изменить?

И еще подскажите, пожалуйста, как добавить слайдер в шаблон "Лайт"? Инструкция вот отсюда не помогает http://storeland.ru/about/faq#*;51

Чтобы "поднять" вход с паролем, в шаблоне html замените строки:
<!-- Авторизационная информация клиента -->
		  <td>
на:
<!-- Авторизационная информация клиента -->
		  <td style="vertical-align: middle;">

По поводу слайдера Вам ответят в следующем письме.

#13 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 20 Февраль 2016 - 15:42

Просмотр сообщенияRedHead (20 Февраль 2016 - 15:39) писал:

Чтобы "поднять" вход с паролем, в шаблоне html замените строки:
<!-- Авторизационная информация клиента -->
<td>
на:
<!-- Авторизационная информация клиента -->
		 <td style="vertical-align: middle;">

По поводу слайдера Вам ответят в следующем письме.



Большое спасибо! С верхней строчкой все удалось. Буду благодарен за помощь со слайдером!

#14 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 20 Февраль 2016 - 15:52

Просмотр сообщенияKLAYMAN (20 Февраль 2016 - 15:42) писал:

Большое спасибо! С верхней строчкой все удалось. Буду благодарен за помощь со слайдером!

Данная инструкция подходит для Вашего шаблона. Попробуйте, пожалуйста, еще раз. Результат выполнения прилагаю на скриншоте:

1.jpg

После установки, замените изображения на свои.

#15 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 20 Февраль 2016 - 16:12

Просмотр сообщенияRedHead (20 Февраль 2016 - 15:52) писал:

Данная инструкция подходит для Вашего шаблона. Попробуйте, пожалуйста, еще раз. Результат выполнения прилагаю на скриншоте:

Прикрепленный файл 1.jpg

После установки, замените изображения на свои.

Всё успешно, большое спасибо!
И еще маленький вопрос: нужно чтобы картинки на слайдере стали кликабельными, куда вставлять адрес ссылки?

Со ссылками тоже все ок. Вопрос снят. Спасибо!

#16 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 20 Февраль 2016 - 17:01

Просмотр сообщенияRedHead (20 Февраль 2016 - 15:52) писал:

После установки, замените изображения на свои.


Еще один вопрос про слайдер, если позволите: при открытии сайта на iOS в Safari слайдер работает некорректно -- проблемы с кнопками прокрутки влево-вправо (не активны). Это можно решить?

#17 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 20 Февраль 2016 - 18:00

Просмотр сообщенияKLAYMAN (20 Февраль 2016 - 17:01) писал:

Еще один вопрос про слайдер, если позволите: при открытии сайта на iOS в Safari слайдер работает некорректно -- проблемы с кнопками прокрутки влево-вправо (не активны). Это можно решить?

К сожалению, у нас нет возможности протестировать сайт на iOS, проверили на Windows в Safari - слайдер работает корректно. Попробуйте зайти по прямой ссылке на сайт и очистить КЭШ браузера, если проблема не решится, попробуем что-нибудь сделать.

#18 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 21 Февраль 2016 - 12:26

Просмотр сообщенияRedHead (20 Февраль 2016 - 18:00) писал:

К сожалению, у нас нет возможности протестировать сайт на iOS, проверили на Windows в Safari - слайдер работает корректно. Попробуйте зайти по прямой ссылке на сайт и очистить КЭШ браузера, если проблема не решится, попробуем что-нибудь сделать.


Еще важный вопрос про слайдер: скажите, пожалуйста, какого размера картинки надо загружать, чтобы они не "ломались" при разных разрешениях экрана? (в разных ветках пишут разные цифры)

#19 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 21 Февраль 2016 - 12:29

Просмотр сообщенияKLAYMAN (21 Февраль 2016 - 12:26) писал:

Еще важный вопрос про слайдер: скажите, пожалуйста, какого размера картинки надо загружать, чтобы они не "ломались" при разных разрешениях экрана? (в разных ветках пишут разные цифры)

Здравствуйте.
Если я вас правильно понял, то для слайдера на сайте вашего интернет-магазина необходимы изображения разрешения 970px на 400px .
Поверьте, пожалуйста.

#20 KLAYMAN

KLAYMAN

    Новичок

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

Отправлено 21 Февраль 2016 - 12:49

Просмотр сообщенияRayLi (21 Февраль 2016 - 12:29) писал:

Здравствуйте.
Если я вас правильно понял, то для слайдера на сайте вашего интернет-магазина необходимы изображения разрешения 970px на 400px .
Поверьте, пожалуйста.

Большое спасибо! Ваш совет помог в сочетании вот с этим:

http://forum.storela...ы-со-слайдером/





Темы с аналогичным тегами лайт, логотип, название сайта

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

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