Сообщений в теме: 8

[Dmitri]

Здравствуйте, несколько вопросов акаунт SL-356307

1) Пытался вставить фоновую картинку согласно рекомендациям форума но ничего не получается, картинка закрывает все меню (главная, контакты, корзину..) при попытке  добавить стиль в style.css
появляется 2 картинка, а первая все равно все закрывает.

2) Перенести меню : главная контакты и т.д наверх

3) После выключения слайдера осталась белая полоса можно ли ее убрать и видимо как то не так отключил т.к. верхний слайдер пропал но товары в категории новинки перестали меняться.

4) Блок "Режим работы" переделать что бы он был нормально передвигаемый, сейчас он прямо прописан в HTML 200 строчка.

5) Убрать логотип, сейчас при попытке его убрать все меню съезжает.

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

• 

[Dmitri]

1

[Vaccina]

1. Вы вставили ее в структуру, а не фоном, в шаблоне HTML найдите и удалите:

<div class="verh"><img src="http://st.storeland.net/6/1746/514/header_bg70.jpg" > </div>

далее в style.css найдите:

#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}
#header {position: relative;clear: both;background: no-repeat; center;
}

замените на:

#header-fluid{
position:relative;
background: url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x, url('http://st.storeland.net/6/1746/514/header_bg70.jpg') no-repeat center 10px #F2F2F2;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);
z-index:10;}
#header {position: relative;clear: both;background: no-repeat;}

2. В style.css найдите:

#megamenu {
	position: absolute;
	height: 54px;
	top: 90px;
	left: 238px;
}

замените на:

#megamenu {
	position: absolute;
	height: 54px;
	top: 0;
	left: 0;
}

далее найдите:

#megamenu li.root_menu{padding:25px 8px 5px 8px;float:left;position:relative;}

замените на:

#megamenu li.root_menu {
	padding: 7px 8px 5px;
	float: left;
	position: relative;
}

далее найдите:

#megamenu li .root_link {
	color: #666;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}

замените на:

#megamenu li .root_link {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
}

3. В style.css найдите:

.flexslider {
	margin: 0px 0px 30px;
	background: #FFF;
	border: 4px solid #FFF;
	position: relative;
	border-radius: 4px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

замените на:

.flexslider {
	margin: 0px 0px 30px;
	background: #FFF;
	border: 4px solid #FFF;
	position: relative;
	border-radius: 4px;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	display: none;
}

4. В style.css найдите:

.contacts {
	display: inline-block;
	font-size: 12px;
	position: relative;
	float: right;
}

замените на:

.contacts {
	display: inline-block;
	font-size: 12px;
	position: relative;
	float: right;
	clear: both;
}

5. В style.css найдите:

#header-logo {
	position: relative;
	display: table;
	float: left;
	margin-top: 30px;
	width: 210px;
	z-index: 30;
	margin-left: 10px;
}

замените на:

#header-logo {
	position: relative;
	display: none;
	float: left;
	margin-top: 30px;
	width: 210px;
	z-index: 30;
	margin-left: 10px;
}

далее найдите:

#header {
	position: relative;
	clear: both;
	background: none ;
}

замените на:

#header {
	position: relative;
	clear: both;
	background: none;
	min-height: 170px;
}

[Dmitri]

Спасибо огромное, практически все получилось, осталось пара моментов

1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)

2) возвращаясь к 4 вопросу  В style.css .contacts  распространяет свое действие только на строчки телефон и время работы, а  на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.

[Firefly]

Dmitri (15 Октябрь 2015 - 12:51) писал:

Спасибо огромное, практически все получилось, осталось пара моментов

1) меню перенслось неверх хорошо, но 3 последних пункта не активны (контакты, корзина, войти в лк)

2) возвращаясь к 4 вопросу  В style.css .contacts  распространяет свое действие только на строчки телефон и время работы, а  на остальные нет, я так понимаю что они в разных div но не пойму как в один все это можно запихать.

Здравствуйте.
1. На данный момент проблем с пунктами меню у Вас не наблюдается. Все ссылки кликабельны и работают корректно. Попробуйте очистить кэш браузера комбинацией Ctrl+F5.
2. Если Вам необходимо изменить цвет шрифта у оставшихся строк в блоке (они заданы через теги h5) в style.css после

.contacts {color: #ffffff;display: inline-block;font-size: 12px;position: relative;float: right;clear: both;}

добавьте строку:

.contacts h5 {color: #fff;}

В которой измените при необходимости цвет #fff.

[Dmitri]

Спасибо, все так получилось.

[Dmitri]

Кстати может кому пригодиться, я писал что кнопки меню не активны, оказалось что у поля поиска значение z-index было больше чем у меню и поэтому блок поиска перекрывал кнопки меню и они были недоступны. Наблюдалось это на планшете и в Опере, IE такую проблему не замечал.

[maximkon89]

Помогите видоизменить шапку , на фото прилагаю как сейчас и как надо. Спасибо!

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

• 
• 

[MikDark]

maximkon89 (31 Октябрь 2015 - 21:44) писал:

Помогите видоизменить шапку , на фото прилагаю как сейчас и как надо. Спасибо!

В шаблоне HTML Вам нужно заменить код:

  <div><!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">

на

  <div class="headblock"><!-- Контактный телефон -->
						{% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
						  <div class="contacts">

Далее в шаблоне main.css найти:

#header-logo {
	position: relative;
	display: table;
	float: left;
	margin-top: 30px;
	width: 210px;
	z-index: 30;
	margin-left: 10px;
}

и заменить на:

#header-logo {
	position: relative;
	float: left;
	margin-top: 30px;
	width: 210px;
	z-index: 30;
	margin-left: 10px;
	float: left;
}
.headblock{float:left;width:300px;}