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


Контакты В Шапку


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

#1 Kaluchka

Kaluchka

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

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

Отправлено 28 Октябрь 2014 - 08:45

Добрый день!
Как вставить контакты в шапку слева? два телефона и время работы.
Заранее спасибо

#2 MikDark

MikDark

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

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

Отправлено 28 Октябрь 2014 - 08:50

Просмотр сообщенияKaluchka (28 Октябрь 2014 - 08:45) писал:

Добрый день!
Как вставить контакты в шапку слева? два телефона и время работы.
Заранее спасибо

Здравствуйте. В шаблоне HTML найдите код:
<div class="logoblock-left"></div>

и замените на:
<div class="logoblock-left">
{%IF SETTINGS_STORE_PHONE_NUMBER1 %}<div>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</div>{%ENDIF%}
{%IF SETTINGS_STORE_PHONE_NUMBER2 %}<div>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</div>{%ENDIF%}
{%IF SETTINGS_STORE_PHONE_NUMBER3 %}<div>{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</div>{%ENDIF%}
{%IF SETTINGS_STORE_EMAIL_NOTICE %}<div>{SETTINGS_STORE_EMAIL_NOTICE}</div>{%ENDIF%}
</div>


#3 Kaluchka

Kaluchka

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

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

Отправлено 28 Октябрь 2014 - 08:54

Просмотр сообщенияMikDark (28 Октябрь 2014 - 08:50) писал:

Здравствуйте. В шаблоне HTML найдите код:
<div class="logoblock-left"></div>

и замените на:
<div class="logoblock-left">
{%IF SETTINGS_STORE_PHONE_NUMBER1 %}<div>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</div>{%ENDIF%}
{%IF SETTINGS_STORE_PHONE_NUMBER2 %}<div>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</div>{%ENDIF%}
{%IF SETTINGS_STORE_PHONE_NUMBER3 %}<div>{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</div>{%ENDIF%}
{%IF SETTINGS_STORE_EMAIL_NOTICE %}<div>{SETTINGS_STORE_EMAIL_NOTICE}</div>{%ENDIF%}
</div>
Спасибо, получилось. Только вместо почты,надо время работы.

Еще вопрос.  Как сделать, что бы названия категорий при наведении выделялись не только черным цветом, но и фоном, но при этом раскрываюьщийся список подкатегорий остался как есть?
Заранее спасибо

#4 MikDark

MikDark

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

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

Отправлено 28 Октябрь 2014 - 09:06

Просмотр сообщенияKaluchka (28 Октябрь 2014 - 08:54) писал:

Спасибо, получилось. Только вместо почты,надо время работы.

Еще вопрос.  Как сделать, что бы названия категорий при наведении выделялись не только черным цветом, но и фоном, но при этом раскрываюьщийся список подкатегорий остался как есть?
Заранее спасибо

Тогда в коде выше замените:
{%IF SETTINGS_STORE_EMAIL_NOTICE %}<div>{SETTINGS_STORE_EMAIL_NOTICE}</div>{%ENDIF%}

на

{%IF SETTINGS_STORE_WORK_TIME %}<div>{SETTINGS_STORE_WORK_TIME}</div>{%ENDIF%}

По поводу категорий уточните. Они сейчас выделяются серым фоном при наведении, но текст остается прежним цветом.

#5 Kaluchka

Kaluchka

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

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

Отправлено 28 Октябрь 2014 - 09:14

Просмотр сообщенияMikDark (28 Октябрь 2014 - 09:06) писал:

Тогда в коде выше замените:
{%IF SETTINGS_STORE_EMAIL_NOTICE %}<div>{SETTINGS_STORE_EMAIL_NOTICE}</div>{%ENDIF%}

на

{%IF SETTINGS_STORE_WORK_TIME %}<div>{SETTINGS_STORE_WORK_TIME}</div>{%ENDIF%}

По поводу категорий уточните. Они сейчас выделяются серым фоном при наведении, но текст остается прежним цветом.
Аккаунт SL-34504
У меня выделяется только изменением цвета текста=)))
и как задать цвет полоски сверху где расположены : каталог, главная и т.д.

#6 MikDark

MikDark

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

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

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

Просмотр сообщенияKaluchka (28 Октябрь 2014 - 09:14) писал:

Аккаунт SL-34504
У меня выделяется только изменением цвета текста=)))
и как задать цвет полоски сверху где расположены : каталог, главная и т.д.

Уточните в каком браузере смотрите и пришлите, пожалуйста, скриншот, т.к. у нас все нормально.

#7 Kaluchka

Kaluchka

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

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

Отправлено 28 Октябрь 2014 - 09:52

Хром,

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

  • Безымянный.png


#8 Kaluchka

Kaluchka

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

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

Отправлено 28 Октябрь 2014 - 12:42

Просмотр сообщенияKaluchka (28 Октябрь 2014 - 09:14) писал:

Аккаунт SL-34504
У меня выделяется только изменением цвета текста=)))
и как задать цвет полоски сверху где расположены : каталог, главная и т.д.
и как задать цвет полоски сверху где расположены : каталог, главная и т.д.???

#9 Alekseys

Alekseys

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

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

Отправлено 28 Октябрь 2014 - 12:48

Просмотр сообщенияKaluchka (28 Октябрь 2014 - 12:42) писал:

и как задать цвет полоски сверху где расположены : каталог, главная и т.д.???
Здравствуйте. Цвет полоски Вы можете изменить в main.css заменив
nav.head {
max-width: 100%;
overflow: hidden;
}
на
nav.head {
max-width: 100%;
overflow: hidden;
background-color: gray;
}
отредактировав нужный Вам цвет в параметре background-color: gray; и для выделения текущей вкладки отредактировав в
.menuResp a:hover, .menuResp .open > a, ul.head li a.selected, nav.footer-menu li a.selected {
background: #f7f7f7;
color: #000;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
}
параметр background: #f7f7f7;

#10 007

007

    Продвинутый пользователь

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

Отправлено 27 Октябрь 2015 - 11:17

Добрый день! Подскажите, как заменить в данном дизайне картинку со словами под ней на свою?

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

  • пример10.png


#11 Юля123

Юля123

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

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

Отправлено 27 Октябрь 2015 - 11:26

Просмотр сообщения007 (27 Октябрь 2015 - 11:17) писал:

Добрый день! Подскажите, как заменить в данном дизайне картинку со словами под ней на свою?

Здравствуйте, вы можете в  админ.панель -> Сайт -> Редактор шаблонов -> Изображения, найти файл с названием logo.png, кликните на него, откроется окно с этим изображением, нажмите на кнопку "заменить" и добавьте нужное вам изображение.

MbApLl3NgxE.jpg

#12 007

007

    Продвинутый пользователь

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

Отправлено 27 Октябрь 2015 - 11:45

Просмотр сообщенияЮля123 (27 Октябрь 2015 - 11:26) писал:

Здравствуйте, вы можете в  админ.панель -> Сайт -> Редактор шаблонов -> Изображения, найти файл с названием logo.png, кликните на него, откроется окно с этим изображением, нажмите на кнопку "заменить" и добавьте нужное вам изображение.

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

Я так понимаю, заменится только маленькая картинка.
А как поставить картинку на "весь красный периметр", как у меня на картинке?

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

  • 3.jpg


#13 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Октябрь 2015 - 12:22

Просмотр сообщения007 (27 Октябрь 2015 - 11:45) писал:

Я так понимаю, заменится только маленькая картинка.
А как поставить картинку на "весь красный периметр", как у меня на картинке?

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.bottom-inner {
display: inline-block;
clear: both;
width: 100%;
margin: 0 auto
}

Замените на:
.bottom-inner {
display: inline-block;
clear: both;
width: 100%;
margin: 0 auto;
background: url(ссылка на изображение) repeat-x;
}

Найдите код:
.logoblock-left,.logoblock-center,.logoblock-right {
position: relative;
display: inline-block;
float: left;
width: 33.333333333%;
height: 100%
}
.logoblock-left {
display: inline-block;
float: left;
border: 1px solid white;
}
.logoblock-right {
padding-top: 1%;
padding-right: .8%
}

Замените на:
.logoblock-left,.logoblock-center,.logoblock-right {
position: relative;
height: 100%;
margin:0 auto;
}
.logoblock-left {
display: inline-block;
float: left;
border: 1px solid white;
display: none;
}
.logoblock-right {
padding-top: 1%;
padding-right: .8%;
display: none;
}

Найдите код:
.logoblock-center>div img {
	margin: 0 auto
}

Замените на:
.logoblock-center>div img {
	margin: 0 auto;
	display: none;
}


#14 007

007

    Продвинутый пользователь

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

Отправлено 27 Октябрь 2015 - 18:44

Заменил картинку на свою, не подходит размер. Уточните как увеличить размер поля, в которое вставляется картинка (хочется сделать немного шире) ширина картинки 190

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

  • пример 7.png


#15 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Октябрь 2015 - 18:55

Просмотр сообщения007 (27 Октябрь 2015 - 18:44) писал:

Заменил картинку на свою, не подходит размер. Уточните как увеличить размер поля, в которое вставляется картинка (хочется сделать немного шире) ширина картинки 190

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
.bottom-inner {
display: inline-block;
clear: both;
width: 100%;
margin: 0 auto;
background: url(http://st.storeland.net/6/1757/742/1170x190.jpg) repeat-x;
}

Замените на:
.bottom-inner {
clear: both;
margin: 0 auto;
background: url(http://st.storeland.net/6/1757/742/1170x190.jpg) no-repeat center;
height: 190px;
background-size: 100%;
max-width: 1170px;
}


#16 007

007

    Продвинутый пользователь

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

Отправлено 29 Октябрь 2015 - 11:36

Здравствуйте!
1) В мобильной версии над шапкой и под шапкой большие белые поля видны. Как их можно убрать? С компьютера эти поля не видны.
2) В мобильной версии можно растягивать (увеличивать) страницы для просмотра? По умолчанию они не растягиваются.

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

  • C__Data_Users_DefApps_AppData_INTERNETEXPLORER_Temp_Saved Images_jBqUi-5Svgs.jpg


#17 RayLi

RayLi

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

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

Отправлено 29 Октябрь 2015 - 11:47

Просмотр сообщения007 (29 Октябрь 2015 - 11:36) писал:

Здравствуйте!
1) В мобильной версии над шапкой и под шапкой большие белые поля видны. Как их можно убрать? С компьютера эти поля не видны.
2) В мобильной версии можно растягивать (увеличивать) страницы для просмотра? По умолчанию они не растягиваются.

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

@media screen and (max-width: 750px) {
	.oneNewsPage, .PageContentText .htmlDataBlock {
		padding-left: 0;
	}
	dd.tab.active .htmlDataBlock {
		padding: 0;
		overflow-x: auto;
	}
	.cartListTable {
		overflow-x: visible
	}
}

И замените его вот этим вот кодом:

@media screen and (max-width: 750px) {
	.oneNewsPage, .PageContentText .htmlDataBlock {
		padding-left: 0;
	}
	dd.tab.active .htmlDataBlock {
		padding: 0;
		overflow-x: auto;
	}
	.cartListTable {
		overflow-x: visible
	}
	.bottom-inner{
	  height: 90px !important;
	}
}


#18 007

007

    Продвинутый пользователь

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

Отправлено 29 Октябрь 2015 - 23:22

Просмотр сообщенияRayLi (29 Октябрь 2015 - 11:47) писал:

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

@media screen and (max-width: 750px) {
.oneNewsPage, .PageContentText .htmlDataBlock {
	 padding-left: 0;
}
dd.tab.active .htmlDataBlock {
	 padding: 0;
	 overflow-x: auto;
}
.cartListTable {
	 overflow-x: visible
}
}

И замените его вот этим вот кодом:

@media screen and (max-width: 750px) {
.oneNewsPage, .PageContentText .htmlDataBlock {
	 padding-left: 0;
}
dd.tab.active .htmlDataBlock {
	 padding: 0;
	 overflow-x: auto;
}
.cartListTable {
	 overflow-x: visible
}
.bottom-inner{
	 height: 90px !important;
}
}

Остался еще один блок. Его можно убрать?

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

  • 1.jpg


#19 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 30 Октябрь 2015 - 01:33

В main.css после:
@media screen and (max-width: 750px) {

пропишите:
.catalogAdnCartCenter {
	display: none;
}


#20 007

007

    Продвинутый пользователь

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

Отправлено 30 Октябрь 2015 - 15:48

Спасибо!




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

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