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

[zabota-mama]

На главной в шаблоне Лазурь в верхнем меню отображаются только первые 5 категорий (от детских книг до девочкам 2-7) - http://m163207.storeland.ru/
А где остальные категории?

[MikDark]

zabota-mama (13 Февраль 2016 - 19:18) писал:

На главной в шаблоне Лазурь в верхнем меню отображаются только первые 5 категорий (от детских книг до девочкам 2-7) - http://m163207.storeland.ru/
А где остальные категории?

В шаблоне main.css найдите код:

#custommenu ul.mainnav {
	margin: 0;
	padding: 0;
	list-style: none;
	max-height: 80px;
	overflow: hidden;
}

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

#custommenu ul.mainnav {
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

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

#custommenu ul.mainnav li.level0 {
	display: block;
	float: left;
	border: none;
	position: static;
	text-align: left;
	padding: 21px 5px 21px 0px;
}

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

#custommenu ul.mainnav li.level0 {
	display: block;
	float: left;
	border: none;
	position: relative;
	text-align: left;
	padding: 21px 5px 21px 0px;
}

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

#custommenu ul.mainnav li.level1 {
	list-style: none;
	width: 25%;
	float: left;
}

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

#custommenu ul.mainnav li.level1 {
	list-style: none;
	width: 100%;
	float: left;
}

[zabota-mama]

Спасибо.
Я нашел ошибку?

[MikDark]

zabota-mama (18 Февраль 2016 - 13:09) писал:

Спасибо.
Я нашел ошибку?

Это было сделано специально, чтобы каталог сверху не занимал много места, все пункты, которые не убирались в одну строку скрывались, т.к. все-равно на остальных страницах есть еще боковой каталог.

[zabota-mama]

MikDark (13 Февраль 2016 - 19:35) писал:

В шаблоне main.css найдите код:

Сделал, каталоги появились.
Но изменилось всплывающее меню при наведении на любой раздел в верхнем меню. Например "ДЕТСКАЯ ОДЕЖДА" - показывает только маленький кусок подменю с "Новорожденным". Остальные подкаталоги не видны.
SL-374943

[Юля123]

zabota-mama (18 Февраль 2016 - 22:46) писал:

Сделал, каталоги появились.
Но изменилось всплывающее меню при наведении на любой раздел в верхнем меню. Например "ДЕТСКАЯ ОДЕЖДА" - показывает только маленький кусок подменю с "Новорожденным". Остальные подкаталоги не видны.
SL-374943

Здравствуйте, в main.css найдите код:

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;overflow: hidden; }

и замените на код:

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;}

дальше код:

#custommenu ul.mainnav li ul.sub {list-style: none;padding: 0;margin: 0;}

замените на код:

#custommenu ul.mainnav li ul.sub {list-style: none;padding: 0;margin: 0;width: auto;}

[zabota-mama]

Спасибо, гораздо лучше.

Но раздел "ДЕТСКАЯ ОДЕЖДА" отображает только одну категорию "НОВОРОЖДЕННЫМ", а остальные категории (например "ДЕВОЧКАМ (2-7)")?

[Danil]

zabota-mama (21 Февраль 2016 - 14:49) писал:

Спасибо, гораздо лучше.

Но раздел "ДЕТСКАЯ ОДЕЖДА" отображает только одну категорию "НОВОРОЖДЕННЫМ", а остальные категории (например "ДЕВОЧКАМ (2-7)")?

Здравствуйте.
В main.css найдите код

#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}

и замените на

#custommenu ul.mainnav li.parent:hover ul.dropdown-menu {
display: block;
overflow-y: auto;
max-height: 500px;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-khtml-opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
transform-origin: top center;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}

max-height - высота белого поля категориями появляющегося при наведении.

[zabota-mama]

Спасибо, появился скролл и все подкатегории видны в одном столбце. Но выглядит не фонтан.

Как сделать чтобы каждая следущая подкатегория была отдельным списком. И расположена правее от предыдущей.

[Danil]

zabota-mama (21 Февраль 2016 - 21:32) писал:

Спасибо, появился скролл и все подкатегории видны в одном столбце. Но выглядит не фонтан.

Как сделать чтобы каждая следущая подкатегория была отдельным списком. И расположена правее от предыдущей.

В main.css найдите

#custommenu ul.mainnav li.level1 {
	list-style: none;
	width: 100%;
	float: left;
}

и замените на

#custommenu ul.mainnav li.level1 {
	list-style: none;
	width: 25%;
	float: left;
}

найдите

#custommenu ul.mainnav li ul.sub {
	list-style: none;
	padding: 0;
	margin: 0;
	width: auto;
}

и замените на

#custommenu ul.mainnav li ul.sub {
	list-style: none;
	padding: 0;
	margin: 0;
}

найдите

#custommenu ul.mainnav li.level0 {
	display: block;
	float: left;
	border: none;
	position: relative;
	text-align: left;
	padding: 21px 5px 21px 0px;
}

и замените на

#custommenu ul.mainnav li.level0 {
	display: block;
	float: left;
	border: none;
	position: static;
	text-align: left;
	padding: 21px 5px 21px 0px;
}

[zabota-mama]

Спасибо, гораздо лучше!
Помогите еще:
1. Поднять меню подкатегорий выше, чтобы 2-я строка каталогов не была видна (см.скрин)
2. Уменьшить отступ в подкатегориях 3-го уровня (см.скрин). А то не помещается на экране.
Скрин - https://yadi.sk/i/B4WU4mKLpLxbD

3. Если в каталога нет подкатегорий 3-го уровня, то подкатегории 2-го уровня сделать строчными - https://yadi.sk/i/vPZtGSSjpLyPU

Заранее спасибо!

[Firefly]

zabota-mama (23 Февраль 2016 - 13:16) писал:

Спасибо, гораздо лучше!
Помогите еще:
1. Поднять меню подкатегорий выше, чтобы 2-я строка каталогов не была видна (см.скрин)
2. Уменьшить отступ в подкатегориях 3-го уровня (см.скрин). А то не помещается на экране.
Скрин - https://yadi.sk/i/B4WU4mKLpLxbD

3. Если в каталога нет подкатегорий 3-го уровня, то подкатегории 2-го уровня сделать строчными - https://yadi.sk/i/vPZtGSSjpLyPU

Заранее спасибо!

Здравствуйте.
1. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;top: 99%;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

Замените на:

#custommenu ul.mainnav li ul.dropdown-menu {position: absolute;width:100%;left: 0;background: #ffffff;border-bottom: 3px solid #3cabda;border-top: 1px solid #d5d5d5;z-index: 999;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-khtml-opacity: 0;-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-transform: scale(0.5);-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);transform: scale(0.5);-webkit-transform-origin: center 10%;-moz-transform-origin: center 10%;transform-origin: center 10%;-webkit-transition: all 0.25s linear;-moz-transition: all 0.25s linear;-o-transition: all 0.25s linear;transition: all 0.25s linear;}

2. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#custommenu ul.mainnav li a.title-lv2 {background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;padding: 5px 5px 5px 20px;display: block;font-size: 13px;}

Замените на:

#custommenu ul.mainnav li a.title-lv2 {background: url("{ASSETS_IMAGES_PATH}ico-dot.png") no-repeat left 11px;padding: 1px 5px 1px 20px;display: block;font-size: 13px;}

3. Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

#custommenu ul.mainnav li a.title-lv1 {font-size: 150%;margin-bottom: 10px;text-transform: uppercase;font-weight: normal;padding: 12px 0 4px;display: block;}

Замените на:

#custommenu ul.mainnav li a.title-lv1 {font-size: 150%;margin-bottom: 10px;font-weight: normal;padding: 12px 0 4px;display: block;}

[zabota-mama]

Большое спасибо!
Если не затруднит:
1. Уменьшить высоту поля с логотипом
2. Уменьшить высоту поля с верхним меню
3. Ужать сайт с боков. Например как здесь http://www.esky.ru/baby/

Нарисовал стрелками https://yadi.sk/i/Jwyo30Y9ptPXc

[Юля123]

zabota-mama (03 Март 2016 - 18:29) писал:

Большое спасибо!
Если не затруднит:
1. Уменьшить высоту поля с логотипом
2. Уменьшить высоту поля с верхним меню
3. Ужать сайт с боков. Например как здесь http://www.esky.ru/baby/

Нарисовал стрелками https://yadi.sk/i/Jwyo30Y9ptPXc

Здравствуйте!

1) В main.css код:

#header {position: relative;padding: 32px 0 30px;}

замените на код:

#header {position: relative;padding: 12px 0 10px;}

2) В main.css найдите код:

#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 21px 5px 21px 0px;}

в свойстве padding значения 21 (отступы сверху и снизу) изменяйте на нужные Вам

3) Попробуйте в main.css добавить код:

div#wrapper {
	width: 81%;
	margin: 0 auto;
}